/* *********************  ALTERNATE-TEXT-IMAGE  ********************* */

.altim_div1{
margin:0px 0px 32px 0px;
}

.altim_table {
width:100%;
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
table-layout:fixed;
}

.altim_td1t1 {
width:48%;
padding:0px 20px 0px 20px;
margin-right:33px;
}

.altim_td1t2 {
width:48%;
padding:0px 20px 0px 20px;
margin-left:33px;
}


.altim_td1i1 {
width:48%;
padding:0px 20px 0px 20px;
margin-right:33px;
}

.altim_td1i2 {
width:48%;
padding:0px 20px 0px 20px;
margin-left:33px;
}

.altim_td2 {
width:66px;
}


.altim_h3 {
margin:0px 0px 20px 0px;
}

.altim_h4 {
margin:0px 0px 10px 0px;
}

.altimImgDiv1 {
overflow:hidden;
padding:0px 20px 0px 20px;
}

.altimImgDiv2 {
position: relative;
left: 50%;
float: left;
}

.altimImgDiv3 {
position: relative;
left: -50%;
float: left;
padding:5px !important;      /*  make space for shaddow  */
}

.altimCImg {      
display:block;
max-width:100%;
margin:0px;
max-height:250px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

.altimImgNarrow {      
display:block;
max-width:100%;
margin:25px 0px 0px 0px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

.altim_spacer {
height:50px;
overflow:auto;
}

.altim_wide {
display:block;
cursor:pointer;
}

.altim_narrow {
display:none;
}

@media only screen and (max-width: 799px)  { 
.altim_wide { display:none; }
.altim_narrow {display:block; }
.altim_spacer { height:65px; }
.altim_img { max-height:780px; }
}

@media only screen and (min-width: 800px)  { 
.altim_wide { display:block; }
.altim_narrow {display:none; }
}

/* *********************  ALTERNATE-TEXT-IMAGE-GENERAL  ********************* */

.galtHead {
font-family:'Montserrat', 'sans-serif';
font-weight: normal;
color:#288791;
font-size:1.5rem;
line-height:120%;
padding:1px 10px 0px 30px;
}

.galtIntro{
font-family:'Montserrat', 'sans-serif';
font-weight: normal;
color:#636363;
font-size:1rem;
line-height:140%;
padding:10px 10px 0px 30px;
width:90%;
}

.galtBulletDiv{
padding:10px 10px 0px 30px;
}

.galtBulletDiv2{
clear:both;
overflow:visible;
margin:8px 0px 8px 0px;
}

.galtBullet{
float:left;
font-family:'Montserrat', 'sans-serif';
font-weight: normal;
color:#636363;
font-size:1rem;
line-height:120%;
padding:1px 10px 0px 5px;
}

.galtim_div1{
margin:0px 0px 32px 0px;
}

.galtim_table {
width:100%;
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
table-layout:fixed;
}

.galtim_td1t1 {
width:48%;
padding:0px 20px 0px 20px;
margin-right:33px;
}

.galtim_td1t2 {
width:48%;
padding:0px 20px 0px 20px;
margin-left:33px;
}


.galtim_td1i1 {
width:48%;
padding:0px 20px 0px 20px;
margin-right:33px;
}

.galtim_td1i2 {
width:48%;
padding:0px 20px 0px 20px;
margin-left:33px;
}

.galtim_td2 {
width:66px;
}

.galtimImgDiv1 {
overflow:hidden;
padding:0px 20px 0px 20px;
}

.galtimImgDiv2 {
position: relative;
left: 50%;
float: left;
}

.galtimImgDiv3 {
position: relative;
left: -50%;
float: left;
padding:5px !important;      /*  make space for shaddow  */
}

.galtimCImg {      
display:block;
width:100%;
margin:0px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); 
}

.galtimImgNarrow {      
display:block;
width:90%;
margin:25px 0px 0px 30px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); 
}

.galtim_spacer {
height:30px;
overflow:auto;
}

.galtim_spacerN {
height:20px;
overflow:auto;
}

.galtim_wide {
display:block;
cursor:auto;
}

.galtim_narrow {
display:none;
}

@media only screen and (min-width: 800px) and (max-width: 1150px)  { 
.galtBullet {font-size:0.9rem;}
}

@media only screen and (min-width: 800px) and (max-width: 1000px)  { 
.galtBullet {font-size:0.85rem;}
}

@media only screen and (max-width: 550px)  { 
.galtBullet {font-size:0.9rem;}
}

@media only screen and (max-width: 500px)  { 
.galtHead { font-size:1.3rem; }
}

@media only screen and (max-width: 1149px)  { 
.galtim_wide { display:none; }
.galtim_narrow {display:block; }
.galtim_spacer { height:65px; }
.galtim_img { max-height:500px; }
}

@media only screen and (min-width: 1150px)  { 
.galtim_wide { display:block; }
.galtim_narrow {display:none; }
}

/* *********************  BODY-AND-POP-UP  ********************* */

.ds_body1 {
background-color:#ffffff; 
margin:0px;
padding:0px;
word-wrap: break-word !important;
}

.ds_popup1 {
display:none;
position:fixed;
top:1px;
z-index: 9999;
background-color:rgba(0, 0, 0, 0.45);
width:100%;
height:100%;
}

.ds_popup1b {
display:none;
position:fixed;
top:1px;
z-index: 9990;
background-color:rgba(0, 0, 0, 0.45);
width:100%;
height:100%;
}

.ds_popup2 {
padding:50px 20px 20px 20px;
}

.ds_popup3 {
background-color:#ffffff;
border:0px solid #333333;
border-radius:4px;
box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -webkit- box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7);
max-width:1160px;
margin: 0 auto;
overflow:auto;
}


.ds_popup3c {
background-color:#ffffff;
border:1px solid #333333;
border-radius:4px;
box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -webkit- box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.7);
max-width:600px;
margin: 0 auto;
overflow:auto;
}


.ds_popTop {
float:left;
padding:25px;
width:calc(100% - 120px);
}

.ds_popClose {
float:right;
padding:20px 15px 0px 0px;
}


.ds_popHeadline {
.font-family:Montserrat, sans-serif;
font-size:1.2rem;
font-weight: bold;
text-transform:uppercase;
padding-bottom:15px;
}

.ds_popText {
font-size:1rem;
padding-bottom:15px;
}


.ds_popTable {
width:100%;
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
}

.ds_popTd1 {
width:55px;
padding-left:15px;
}

.ds_popTd2 {
width:55px;
text-align:right;
padding-right:15px;
}

.ds_popImgDiv1 {
overflow:hidden;
padding:20px;
}

.ds_popImgDiv2 {
position: relative;
left: 50%;
float: left;
}

.ds_popImgDiv3 {
position: relative;
left: -50%;
float: left;
padding:10px !important;
}

.ds_popImg {
display:block;
max-width:100%;
max-height:calc(100vh - 400px);
margin:0px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
animation-name: popImgH;
animation-duration: 1s;
}

@keyframes popImgH {
  0%   {max-height:0px;}
  100% {max-height:1000px;}
}

/* *********************  BOXES-3-COLUMNS  ********************* */

.boxcols_divhead {
margin: 34px 0px 32px 0px;
}

.boxcols_divnohead {
height:34px;
}

.boxcols_diva {
float:left;
width:calc(33% - 34px);
margin: 0px;
}

.boxcols_divb {
float:left;
width:calc(33% - 34px);
margin: 0px 0px 0px 33px;
}

.boxcols_divc {
float:left;
width:calc(33% - 34px);
margin: 0px 0px 0px 33px;
}


.boxcols_div1 {
clear:both;
overflow:auto;
border: 1px solid #e3e3e3;
border-radius: 3px;
padding-bottom:32px;
margin: 0px 0px 24px 0px;
}

.boxcols_div2 {
overflow:auto;
font-family:Lato, sans-serif;
font-weight:bold;
color:#ffffff;
text-align:center;
font-size:1.1rem;
background-color:#288791;
padding:17px 0px 17px 0px;
}

.boxcols_div3 {
padding:15px 15px 2px 15px;
text-align:center;
line-height:140%;
}

.boxcols_div4 {
clear:both;
overflow:auto;
}

.boxcols_div4a {
padding: 15px 1px 2px 20px;
float:left;
width:20px;
}

.boxcols_div4b {
padding:16px 1px 2px 1px;
float:left;
width:calc(100% -  75px);
line-height:140%;
}

.boxcols_div4c {
padding:15px 15px 2px 15px;
text-align:center;
line-height:140%;
}

@media only screen and  (max-width: 800px )  { 
.boxcols_diva,  .boxcols_divb,  .boxcols_divc  { float:none; margin: 15px 0px 0px 0px; width:auto; }
}

/* *********************  BULLET-AND-INFO-BOXES  ********************* */

.buaib_diva {
float:left; 
width:calc(66% - 50px);
}

.buaib_divb {
clear:both; 
}

.buaibi_diva {
float:right; 
width:calc(33% - 5px);
}

.buaibi_divb {
clear:both; 
}

.buaib_divhead {
margin: 0px 0px 32px 0px;
}

.buaib_div1 {
clear:both; 
padding-bottom:34px;
}

.buaib_div2a {
float:left;
width:40px; 
padding:0px 0px 24px 20px;
}

.buaib_div2b {
float:right; 
width:calc(100% - 100px);
padding:4px 0px 10px 0px;
}

.buaib_div2c {
clear:both; 
padding:0px 0px 24px 0px;
}

.buaib_div3 {
clear:both; 
padding:0px 0px 20px 100px;
line-height:140%;
}

.buaib_div4 {
clear:both; 
padding:0px 0px 20px 100px;
line-height:140%;
}

.buaib_div5 {
clear:both; 
overflow:auto;
padding:0px 0px 12px 100px;
line-height:140%;
}

.buaib_div5a {
float:left;
width:20px;
}

.buaib_div5b {
padding-top:2px;
float:right;
width:calc(100% - 22px);
}

.buaib_div5c {
clear:both;
}

.buaibi_div1 {
clear:both; 
padding:30px;
overflow;auto;
border-top:1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-left:3px solid #288791;
border-radius: 0px 3px 3px 0px;
background-color:#f8f8f8;
margin-bottom:34px;
}

.buaibi_div2 {
clear:both; 
padding:0px 0px 24px 0px;
font-family:Montserrat, sans-serif;
font-size:1.5rem; 
color:#333333;
line-height:120%;
}


.buaibi_div3 {
clear:both; 
padding:0px 0px 24px 0px;
line-height:140%;
}


@media only screen and (max-width: 850px)  { 
.buaib_diva, .buaibi_diva { float:none; clear:both; width:auto; }
.buaib_div2a { clear:both; float:none; padding: 0px 0px 1px 0px; width:100%; text-align:center }
.buaib_div2b { clear:both; float:none; width:100%; }
.buaib_div3 { clear:both; padding:0px 30px 20px 0px;  }
.buaib_div4 { clear:both; padding:0px 30px 20px 0px;  }
.buaib_div5 { clear:both; padding:0px 30px 12px 0px;  }
}

/* *********************  BULLET-LIST-AND-BOX  ********************* */

.bulab_div1{
clear:both;
}

.bulab_table {
width:100%;
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
table-layout:fixed;
}

.bulab_td1 {
width:60%;
}

.bulab_td2 {
max-width:66px;
min-width:45px;
}

.bulab_td3 {
width:40%;
padding: 0px;
margin: 0px;
}

.bulab_bul {
float:left; 
width:36px; 
}


.bulab_div1 {
clear:both;
}


.bulab_div2 {
float:left;
overflow:hidden;
width:calc(100% - 60px); 
max-width:700px;
}

.bulab_div3 {
clear:both;
height:22px;
}

.bulab_div4 {
padding-bottom:20px;
}

.bulab_boxDiv1 {
overflow:hidden; 
border-left:3px solid #288791;
background-color:#f8f8f8;
}

.bulab_text1Div {
text-align:center;
padding: 40px 0px 20px 0px; 
}


.bulab_text2Div {
text-align:center;
padding: 15px 0px 0px 0px; 
}

.bulab_text3Div {
text-align:center;
padding: 20px 0px 10px 0px; 
}

.bulab_text4Div {
text-align:center;
padding: 10px 0px 0px 0px; 
}

.bulab_text5Div {
text-align:center;
padding: 15px 0px 30px 0px;
}

.bulab_btn1Div {
display:inline-block;
text-align:center;
width:100%;
margin-bottom:40px;
}

.bulab_wide {
display:block;
}

.bulab_narrow {
display:none;
}


@media only screen and (max-width: 900px)  { 
.bulab_wide { display:none; }
.bulab_narrow {display:block; }
.bulab_boxDiv1 {border-left:0px; background-color:#f0f0f0; }
}

@media only screen and (min-width: 901px)  { 
.bulab_wide { display:block; }
.bulab_narrow {display:none; }
}

/* *********************  BULLET-LIST-WITH-ICON  ********************* */

.ds_bulletTxtF {
font-size:1rem;
line-height:125%;
font-family:Lato, sans-serif;
color: #444444;
}

.ds-bullet1 {
clear:both;
width:100%;
overflow:auto; 
margin-top:15px;
}

.ds-bullet2 {
float:left;
margin-right:15px;
}

.ds_bullet3 {
float:left; 
padding-top:2px;
width:calc(100% - 50px);
}

.ds_bullet4 {
clear:both;
overflow:auto;
margin:0px 0px 15px 20px;
}

@media only screen and (max-width: 900px)  { 
.ds_bulletTxtF { font-size:0.95rem; line-height:120%; }
}

/* *********************  BUSINESS-CASE  ********************* */

.bcase_div1 { 
font-size:1rem;
color:#444444;
line-height:140%;
padding:10px 0px 30px 0px;
}

.bcase_exouter1 {
text-align:center;
padding-top:15px;
}

.bcase_exouter2 {
display:inline-block;
}

.bcase_exp {
float:left;
width:13px;
height:13px;
border-radius:50%;
margin:4px 0px 0px 0px;
}

.bcase_exp1 {
background-color:#f04132;
}

.bcase_exp2 {
background-color:#fcb123;
}

.bcase_exp3 {
background-color:#87CDB9;
}

.bcase_exp4 {
background-color:#288791;
}

.bcase_exptext {
float:left;
font-size:0.9rem;
margin: 0px 0px 8px 10px;
}


.bcase_p1 {
display:inline-block;
text-align:left;
font-size:0.9rem;
margin: -15px 0px 20px 0px;
}

.bcase_small, .bcase_medium, .bcase_big {
display:block;
margin-bottom:1px;
padding: 30px 0px 30px 0px;
overflow:auto;
}

.bcase_divLeft {
float:left; 
width: calc(40% - 40px);
}

.bcase_divRight {
float:right;
width: calc(60%);
}


.bcase_div2 {
font-size:1.1rem; 
color:#288791;
margin: 40px 0px 20px 0px;
text-transform:uppercase;
}

.bcase_div3 {
width:100%;
overflow:auto;
}

.bcase_out1 {
display:inline-block;
overflow: auto;
width: 100%;
text-align:center;
}

.bcase_out2 {
display:inline-block;
text-align:center;
}

.bcase_div4 {
float:left;
width: calc(50% - 20px);
height:280px;
cursor:pointer;
}

.bcase_div5 {
float:right;
width: calc(50% - 20px);
text-align:left;
padding-top:15px; 
font-size:1rem;
line-height: 130%;
}

.bcase_div6 {
font-size:0.9rem;
line-height: 120%;
text-align:center;
max-width:600px;
margin:0 auto;
padding: 0px 15px 0px 15px 0px;
}


.bcase_div7 {
float:right;
width: 550px;
text-align:left;
}

.bcase_div8 {
float:left;
width:420px;
padding: 10px 10px 30px 10px;
}

.bcase_div9 {
width:420px;
padding: 10px 0px 30px 0px;
margin: 0 auto; 
text-align:center;
}

.bcase_headm { text-align:center; padding: 10px 10px 24px 10px; }
.bcase_headm2 { text-align:left; padding: 10px 0px 30px 0px; }

@media only screen and ( min-width:1081px )  { 
.bcase_small,  .bcase_medium {display: none; }
.bcase_big {display: block; }
}

@media only screen and ( min-width:661px ) and (max-width: 1080px )  { 
.bcase_small,  .bcase_big {display: none; }
.bcase_medium {display: block; }
.bcase_div1 { text-align:left; padding: 20px 0px 30px 0px; }
.bcase_div7 { float:none; width:auto; text-align:center; }
.bcase_div8 { float:none; margin: 0 auto; width:420px; padding: 0px 30px 30px 30px; }
}


@media only screen and (max-width: 660px )  { 
.bcase_medium,  .bcase_big {display: none; }
.bcase_small {display: block; }
.bcase_div1 { text-align:left; padding: 20px 0px 30px 0px; }
.bcase_div7 { float:none; width:auto; text-align:center; }
.bcase_div8 { float:none; width:auto; padding: 0px 5px 30px 5px;  }
.bcase_div9 { width:auto; max-width: 420px; margin: 0 auto;  }
}

/* *********************  BUTTON-FEATURES  ********************* */

.butfe_divw {
position: relative;
z-index:1; 
height:3px; 
width:100%;
background-color:#ffffff;
margin-top:-1px;
}

.butfe_div1 {
font-size: 1.4rem;
color: #4da9b1;
font-style:bold;
width:calc(50% - 30px);
padding: 30px 0px 0px 0px;
}

.butfe_div2 {
float:right;
width:calc(50% - 20px);
margin-top:-20px;
padding-bottom:30px;
}

.butfe_div3 {
float:left;
width:calc(50% - 20px);
padding: 30px 0px 0px 0px;
}

.butfe_div4 {
clear:both;
}

.butfe_div5 {
clear:both;
padding:20px 0px 30px 0px;
}

.butfe_div6 {
font-size:1rem;
color:#636363;
}


.butfe_img {      
display:block;
float:right;
max-width:100%;
margin:0px;
max-height:1000px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 700px)  { 
.butfe_div2 { margin-top:20px; float:none; clear:both; width:auto; }
.butfe_div1, .butfe_div3  { float:none; clear:both; width:auto; }
.butfe_div4 { text-align:left; padding-bottom:30px; }
.butfe_img { float:left; }
}

/* *********************  BUTTONS  ********************* */

/*  **** Login *** */ 

.ds_login {
float:left;
padding:5px 10px 5px 10px;
text-transform: uppercase;
font-size:15px;
color:#636363;
text-align:center;
text-decoration:none;
cursor:pointer;
background-color:#ffffff;
border:1px solid #636363;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}

.ds_login:hover {
color:#ffffff;
background-color: #288791;
border:1px solid #288791;
transition: 0.5s ease;
 }

.m1mb_div_f .ds_login {
color:#ffffff;
background-color:#288791;
border:1px solid #288791;
}

.m1mb_div_f .ds_login:hover {
color:#ffffff;
background-color:#4da9b1;
border:1px solid #4da9b1;
}


/*  ******************  Conversion 1   *************************  */

.ds_conversion1 {
display: inline-block;
padding:0px 30px 0px 30px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius:1.7rem;
}
.ds_conversion1:hover {
background-color: #333333;
transition: 0.5s ease;
 }

.ds_conversion1T {
position:relative;
display: inline-block;
font-size:1.1rem;
font-family:'Montserrat', 'sans-serif';
text-transform: uppercase;
letter-spacing: 0.12rem;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.ds_conversion1TN {
padding:17px 5px 16px 5px;
}
.ds_conversion1TA {
padding:17px 15px 16px 5px;
}

.ds_conversion1A {
position:absolute;
top:1px;
display: inline-block;
padding: 14px 0px 0px 10px;
font-family:'Montserrat', 'sans-serif';
font-weight:normal;
color:#ffffff;
font-size:1.9rem;
}


/* ----------optional text below button  ------------------  */

.ds_conversion1T2 {   
overflow:auto;
padding: 20px 20px 0px 20px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
}

.ds_conversion1T2shadow {   
overflow:auto;
padding: 20px 20px 0px 20px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
text-shadow: 0 0 0.6rem #000000;
}


@media only screen and (max-width: 850px)  { 
.ds_conversion1 {  border-radius:1.5rem; padding:0px 20px 0px 20px; border-radius: 1.8rem; }
.ds_conversion1T { font-size:0.9rem;  letter-spacing: 0.1rem; }
.ds_conversion1A { font-size:1.7rem; padding: 11px 0px 0px 10px;}
.ds_conversion1TN { padding:14px 5px 12px 5px; }
.ds_conversion1TA { padding:14px 15px 12px 5px; }
}

@media only screen and  (max-width: 420px )  { 
.ds_conversion1T { font-size:0.8rem;  letter-spacing: 0.1rem; }
}

@media only screen and  (max-width: 360px )  { 
.ds_conversion1T { font-size:0.7rem;  letter-spacing: 0.05rem; }
}


/*  ******************  Conversion 2   *************************  */

.ds_conversion2 {
display:inline-block;
padding:0px 30px 0px 30px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius: 2rem;
}
.ds_conversion2:hover {
background-color: #333333;
transition: 0.5s ease;
 }

.ds_conversion2T {
position:relative;
display:inline-block;
font-size:1.1rem;
font-family:'Montserrat', 'sans-serif';
text-transform: uppercase;
letter-spacing: 0.12rem;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.ds_conversion2A {
position:absolute;
top:1px;
display: inline-block;
padding: 14px 0px 0px 10px;
font-family:'Montserrat', 'sans-serif';
font-weight:normal;
color:#ffffff;
font-size:1.9rem;
}

.ds_conversion2TN {
padding:17px 5px 16px 5px;
}
.ds_conversion2TA {
padding:17px 15px 16px 5px;
}

@media only screen and (max-width: 850px)  { 
.ds_conversion2 {  border-radius:1.5rem; padding:0px 20px 0px 20px; border-radius: 1.8rem; }
.ds_conversion2T { font-size:0.9rem;  letter-spacing: 0.1rem; }
.ds_conversion2A { font-size:1.7rem; padding: 11px 0px 0px 10px;}
.ds_conversion2TN { padding:14px 5px 12px 5px; }
.ds_conversion2TA { padding:14px 15px 12px 5px; }
}


/* ----------optional text below button  ------------------  */
.ds_conversion2T2 {
padding: 20px 0px 0px 0px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
}

@media only screen and  (max-width: 420px )  { 
.ds_conversion2T { font-size:0.8rem;  letter-spacing: 0.1rem; }
}


@media only screen and  (max-width: 360px )  { 
.ds_conversion2T { font-size:0.7rem;  letter-spacing: 0.05 rem; }
}

/*  ******************  Conversion 3   *************************  */

.ds_conversion3 {
display: inline-block;
padding:0px 30px 0px 30px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius:1.7rem;
}
.ds_conversion3:hover {
background-color: #333333;
transition: 0.5s ease;
 }


.ds_conversion3T {
position:relative;
display: inline-block;
font-size:1.1rem;
font-family:'Montserrat', 'sans-serif';
text-transform: uppercase;
letter-spacing: 0.12rem;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.ds_conversion3TN {
padding:17px 5px 16px 5px;
}
.ds_conversion3TA, .ds_conversionWhiteTA {
padding:17px 15px 16px 5px;
}

.ds_conversion3A {
position:absolute;
top:1px;
display: inline-block;
padding: 14px 0px 0px 10px;
font-family:'Montserrat', 'sans-serif';
font-weight:normal;
color:#ffffff;
font-size:1.9rem;
}


/* ----------optional text below button  ------------------  */

.ds_conversion3T2 {   
overflow:auto;
padding: 20px 20px 0px 20px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
}

.ds_conversion3T2shadow {   
overflow:auto;
padding: 20px 20px 0px 20px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
text-shadow: 0 0 0.6rem #000000;
}


@media only screen and (max-width: 850px)  { 
.ds_conversion3 {  border-radius:1.5rem; padding:0px 20px 0px 20px; border-radius: 1.8rem; }
.ds_conversion3T { font-size:0.9rem;  letter-spacing: 0.1rem; }
.ds_conversion3A { font-size:1.7rem; padding: 11px 0px 0px 10px;}
.ds_conversion3TN { padding:14px 5px 12px 5px; }
.ds_conversion3TA { padding:14px 15px 12px 5px; }
}

@media only screen and  (max-width: 420px )  { 
.ds_conversion3T { font-size:0.8rem;  letter-spacing: 0.1rem; }
}


@media only screen and  (max-width: 360px )  { 
.ds_conversion3T { font-size:0.7rem;  letter-spacing: 0.05 rem; }
}


/*  ******************  center   *************************  */

/* ds_center1 */
.ds_center1 {
display: inline-block;
padding:0px 20px 0px 20px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius:1.15rem;
}
.ds_center1:hover {
background-color: #333333;
transition: 0.5s ease;
 }


/* ds_center1T */
.ds_center1T {
position: relative;
display: inline-block;
font-family:'Montserrat', 'sans-serif';
font-size:0.85rem;
letter-spacing: 0.07rem;
text-transform: uppercase;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.ds_center1TN {
padding:9px 5px 8px 5px;
}
.ds_center1TA {
padding:9px 15px 8px 5px;
}

.ds_center1A {
position:absolute;
top:1px;
display: inline-block;
padding: 6px 0px 0px 8px;
font-family:'Montserrat', 'sans-serif';
font-weight:normal;
color:#ffffff;
font-size:1.6rem;
}

@media only screen and  (max-width: 390px )  { 
.ds_center1T { font-size:0.7rem; letter-spacing: 0.05rem; }
}

@media only screen and  (max-width: 320px )  { 
.ds_center1T { font-size:0.6rem; letter-spacing: 0.05rem; }
}


/*  ******************  oval for icon   *************************  */


/* ds_ovalIcon */
.ds_ovalIcon {
padding:5px 31px 5px 20px;
cursor:pointer;
background-color:#fcb123;
border:0px;
border-radius:1.7rem;
font-family:'Montserrat', 'sans-serif';
font-size:0.8rem;
letter-spacing: 0.07rem;
text-transform: uppercase;
color:#0f4155;
font-weight:bold;
text-decoration:none;
}
.ds_ovalIcon:hover {
color:#ffffff;
background-color: #0f4155;
transition: 0.5s ease;
 }

@media only screen and  (max-width: 390px )  { 
.ds_ovalIcon { font-size:0.7rem; letter-spacing: 0rem; padding:2px 22px 2px 10px; }
}


/*  ******************  square   *************************  */

/* ds_squareBt1 */
.ds_squareBt1 {
display: inline-block;
padding:5px 20px 5px 20px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius:3px;
}
.ds_squareBt1:hover {
background-color: #333333;
transition: 0.5s ease;
 }


/* ds_squareBt1T */
.ds_squareBt1T {
position: relative;
display: inline-block;
font-family:'Montserrat', 'sans-serif';
font-size:0.8rem;
letter-spacing: 0.07rem;
text-transform: uppercase;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}



/* ds_squareBt2 */
.ds_squareBt2 {
padding:5px 20px 5px 20px;
cursor:pointer;
background-color:#288791;
border:0px;
border-radius:3px;
font-family:'Montserrat', 'sans-serif';
font-size:0.8rem;
letter-spacing: 0.07rem;
text-transform: uppercase;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}
.ds_squareBt2:hover {
background-color: #333333;
transition: 0.5s ease;
 }


/* ds_squareBt3 */
.ds_squareBt3 {
padding:5px 20px 5px 20px;
cursor:pointer;
background-color:#e3e3e3;
border:0px;
border-radius:3px;
font-family:'Montserrat', 'sans-serif';
font-size:0.8rem;
letter-spacing: 0.07rem;
text-transform: uppercase;
color:#333333;
font-weight:bold;
text-decoration:none;
}
.ds_squareBt3:hover {
background-color: #288791;
color:#ffffff;
transition: 0.5s ease;
 }

/*  ******************  try now buttons in 4 colours   *************************  */

.ds_tryNowCol1 {
display: inline-block;
padding:10px 28px 10px 15px;
cursor:pointer;
background-color: #fcb123;
border:0px;
border-radius:1.2rem;
}
.ds_tryNowCol1:hover {
background-color: #0f4155;
transition: 0.5s ease;
}

.ds_tryNowCol2 {
display: inline-block;
padding:10px 28px 10px 15px;
cursor:pointer;
background-color: #87CDB9;
border:0px;
border-radius:1.2rem;
}
.ds_tryNowCol2:hover {
background-color: #0f4155;
transition: 0.5s ease;
}

.ds_tryNowCol3 {
display: inline-block;
padding:10px 28px 10px 15px;
cursor:pointer;
background-color: #288791;
border:0px;
border-radius:1.2rem;
}
.ds_tryNowCol3:hover {
background-color: #0f4155;
transition: 0.5s ease;
}

.ds_tryNowCol4 {
display: inline-block;
padding:10px 28px 10px 15px;
cursor:pointer;
background-color: #0f4155;
border:0px;
border-radius:1.2rem;
}
.ds_tryNowCol4:hover {
background-color: #000000;
transition: 0.5s ease;
}


.ds_tryNowCol1T, .ds_tryNowCol2T, .ds_tryNowCol3T, .ds_tryNowCol4T    {
position:relative;
display: inline-block;
font-size:0.9rem;
font-family:'Lato', 'sans-serif';
text-transform: uppercase;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

.ds_tryNowCol1A, .ds_tryNowCol2A, .ds_tryNowCol3A, .ds_tryNowCol4A {
position:absolute;
top:-1px;
display: inline-block;
padding: 0px 0px 0px 8px;
font-family:'Montserrat', 'sans-serif';
font-weight:bold;
color:#ffffff;
font-size:1.4rem;
}

/* *********************  CHECKBOXES  ********************* */

span.ds_checkbox {
    display: none;
}

input[type="checkbox"] {
    width:16px;
    height:16px;
    margin:-0px;
    cursor:pointer;
}

input[type="checkbox"] + span.ds_checkbox {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color:#ffffff;
    margin: 1px 0px -1px -19px;
    border-radius: 3px;
    border: 1px solid #288791;
    pointer-events: none;
}
input[type="checkbox"] + span.ds_checkbox::after {
    content: '.';
    color:transparent;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    margin: -4px 0 0 -2px;
    border-radius: 2px;
    transition: .2s;
}

input[type="checkbox"]:checked + span.ds_checkbox::after {
    width: 9px;
    height: 9px;
    margin: 4px 0px 0px 4px;
    background-color: #288791;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

/* *********************  COOKIE_SETTINGS  ********************* */

.cook_img {
padding: 15px 0px 10px 15px;
display:block,
border:0px;
height:44px;
}

.cook_div1 {
max-height:calc(100vh - 180px);
overflow:auto;
}

.cook_div2 {
clear:both;
overflow:auto;
border-bottom: 1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
}

.cook_div3 {
float:left;
font-weight:bold; 
color: #444444;
font-size:1rem;
padding:15px 38px 15px 38px;
border-bottom:2px solid  #288791;
}

.cook_div4 {
cursor:pointer;
float:right;
color: #444444;
font-size:1rem;
padding:15px 38px 15px 38px;
}

.cook_div5 {
float:right;
font-weight:bold; 
color: #444444;
font-size:1rem;
padding:15px 38px 15px 38px;
border-bottom:2px solid  #288791;
}

.cook_div6 {
overflow:auto;
padding:15px;
}

.cook_div7 {
clear:both;
color: #444444;
font-size:0.9rem;
padding:15px 38px 15px 38px;
line-spacing:140%;
}

.cook_div8 {
clear:both;
color: #444444;
font-size:0.9rem;
padding:15px 38px 15px 38px;
}

.cook_div9 {
float:left;
padding: 0px 12px 0px 0px;
} 

.cook_div10 {
float:left;
width: calc(100% - 40px );
max-width:800px;
color: #444444;
font-size:0.9rem;
margin-bottom:20px;
}

.cook_div11 {
clear:both;
overflow:auto;
padding:15px 38px 15px 38px;
border-top:1px solid #e3e3e3;
}

.cook_divBtn1 {
float:left;
padding:10px 25px 10px 25px;
margin:12px 0px 15px 0px;
cursor:pointer;
color: #ffffff;
font-weight:bold; 
font-size:1rem;
background-color:#288791;
border:0px;
border-radius:1.7rem;
}
.cook_divBtn1:hover {
color: #f8f8f8;
background-color:#4da9b1;
transition: 0.5s ease;
 }

.cook_divBtn2 {
float:right;
padding:10px 25px 10px 25px;
margin:12px 0px 15px 0px;
cursor:pointer;
color: #ffffff;
font-weight:bold; 
font-size:1rem;
background-color:#f07a70;
border:0px;
border-radius:1.7rem;
}
.cook_divBtn2:hover {
color: #f8f8f8;
background-color:#f04132;
transition: 0.5s ease;
 }

@media only screen and  (max-width: 459px )  { 
.cook_divBtn2 {float: none;text-align: center;}
.cook_divBtn1 {float: none;text-align: center;}
}

/* *********************  CSS-ARROWS  ********************* */

.ds_arrow {
float:left;
padding: 3px;
border: solid 1px #636363;
border-width: 0 1px 1px 0;
display: inline-block;
}


.ds_arrowWhite {
float:left;
padding: 3px;
border: solid white;
border-width: 0 1px 1px 0;
display: inline-block;
}

.ds_right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.ds_left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.ds_up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}

.ds_down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/* *********************  DOUBLE-BUTTONS  ********************* */

.st2btn_div1 {
float:left;
width:calc(50% - 30px);
margin:0 auto;
}

@media only screen and (max-width: 800px)  { 
.st2btn_div1{ float:none; clear:both; width:auto; padding-top:30px; }
}

/* *********************  DOWNLOAD-DOCUMENT  ********************* */

.dld_linkText {
font-size:1rem;
color: #288791;
cursor:pointer;
}

.dls_linkText:hover {
color:#0f4155;
transition: ease 0.6s;
}

.dld_headline {
font-family:Montserrat, sans-serif;
font-weight: bold;
font-size:1.5rem;
color:#288791;
padding: 0px 0px 40px 0px;
}

.dld_text {
font-weight: normal;
font-size:1rem;
color:#444444;
padding: 0px 0px 20px 0px;
}

/* *********************  FEATURES-PRICES  ********************* */

.feta_narrow, .feta_wide, .feta_narrowB1, .feta_narrowB2 { display:block }

.feta_div1Nar {
clear:both;
float:right;
width: 320px;
overflow:auto;
font-weight:bold;
font-size:1.2rem;
padding: 0px 10px 20px 10px;
}

.feta_div2Nar {
padding:10px 0px 0px 15px;
float:left;
}

.feta_div3Nar {
float:right;
}

.feta_div6Nar {
float:left;
}

.feta_div7Nar {
float:right;
line-height:160%;
padding: 8px;
}

.feta_div8Nar {
clear:both;
padding: 15px 0px 15px 0px;
font-size:1.1rem;
font-weight:bold;
}

.feta_div10aNar {
width:16px;
height:16px; 
border-radius:50%; padding:0px;
background-color:#e3e3e3; 
}

.feta_div10bNar {
width:16px;
height:16px; 
border-radius:50%; padding:0px;
background-color:#636363; 
}

.feta_div11Nar {
float:right; width:48px;
text-align:center; 
font-size: 0rem; 
}

.feta_div12Nar {
float:left;
font-size:0.9rem;
color:#444444;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
width:calc( 100% - 70px );
}

.feta_div13Nar {
float:right;
width:52px;
text-align:left; 
font-size: 1rem; 
}

.feta_div14Nar {
clear:both;
overflow:auto;
padding: 8px 0px 8px 10px;
margin-bottom:24px;
background-color:#636363;
}

.feta_div15Nar {
float:left;
font-size:0.9rem;
color:#ffffff;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
width:calc( 100% - 120px );
}

.feta_div16Nar {
float:right; width:100px;
text-align:center; 
font-size: 1rem;
color:#ffffff; 
}


.feta_div1 {
clear:both; 
padding:0px 0px 20px 0px;
overflow:auto;
}

.feta_div2  {
float:right;
width:130px;
font-size:1.2rem;
font-weight:bold;
text-align:center; 
}

.feta_div2a  {
float:right;
font-size:1.2rem;
font-weight:bold;
text-align:right; 
padding-right:10px;
}

.feta_col1 { color: #288791;  }
.feta_col2 { color: #87CDB9;  }
.feta_col3 { color: #288791;  }
.feta_col4 { color: #0f4155;  }

.feta_div9Col1 { background-color: #288791;  }
.feta_div9Col2 { background-color: #87CDB9;  }
.feta_div9Col3 { background-color: #288791;  }
.feta_div9Col4 { background-color: #0f4155;  }

.feta_div3 {
clear:both;
overflow:auto;
float:right;
}

.feta_div3a {
float:right; width:130px;
text-align:right; 
}

.feta_div4 {
clear:both;
padding: 25px 0px 15px 0px;
font-size:1.3rem;
font-weight:bold;
}

.feta_div5a {
clear:both;
overflow:auto;
padding: 8px 0px 8px 10px;
background-color:#ffffff;
}

.feta_div5b {
clear:both;
overflow:auto;
padding: 8px 0px 8px 10px;
background-color:#f8f8f8;
}

.feta_div6 {
float:left;
font-size:0.9rem;
color:#444444;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
width:calc( 100% - 610px );
}

.feta_div7 {
float:right;
}

.feta_div8 {
float:right;
width:130px;
text-align:center;
}

.feta_div8a {
float:right;
width:130px;
text-align:center;
font-size:1rem;
font-weight:bold;
}

.feta_div8b {
float:right;
width:130px;
font-size:0.9rem;
text-align:center;
}

.feta_div9  {
display:inline-block;
font-size:0.9rem;
color:#ffffff;
font-weight:bold;
width:21px;
height:20px;
border-radius:50%;
padding:2px 0px 0px 1px;
}

.feta_div10 {
float:right;
width:60px;
height:24px;
text-align:left;
padding:0px;
}

.feta_infoImg {
cursor:pointer;
height:24px;
width:24px;
}

.feta_div20 {
clear:both;
padding: 0px 0px 12px 0px;
overflow:auto;
}

.feta_div21 {
float:right; width:193px;
text-align:center; 
font-size: 1rem;
color:#444444; 
}

.feta_div21x {
float:right; 
text-align: right; 
padding-right:15px;
font-size:0.9rem;
color:#444444; 
}



.feta_div22  {
display:inline-block;
font-size:0.9rem;
color:#ffffff;
font-weight:bold;
width:21px;
height:20px;
border-radius:50%;
padding:2px 0px 0px 1px;
background-color:#636363;
}

.feta_div23 {
clear:both;
overflow:auto;
padding: 8px 0px 8px 10px;
background-color:#636363;
}

.feta_div24 {
float:left;
font-size:0.9rem;
color:#ffffff;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
width:calc( 100% - 610px );
}

.feta_div25 {
float:right; width:193px;
text-align:center; 
font-size: 1rem;
color:#ffffff; 
}

.feta_div26 {
clear:both;
font-size:1rem;
color:#444444; 
}


@media only screen and (min-width: 1001px)  { 
.feta_narrow { display:none }
}

@media only screen and (max-width: 1000px)  { 
.feta_div10, .feta_wide { display:none }
.feta_div8, .feta_div8a {  width:28px; margin-top:-4px; }
.feta_div9  { font-size:0px;  width:16px; height:16px; border-radius:50%; padding:0px;  }
.feta_div6 { width:calc( 100% - 130px ); }
}

@media only screen and (max-width: 1000px) and  (min-width: 551px)  { 
.feta_narrowB1 { width: 100%; }
.feta_narrowB2 { display:none }
.feta_div1, .feta_div3 { width:524px;  margin: 0 auto; }
.feta_div8a, .feta_div8b { width:auto; font-size:0.9rem; text-align:right; padding-right:15px;  }
}

@media only screen and (max-width: 550px)  { 
.feta_narrowB1 { display:none }
.feta_div1Nar { width: 100%; padding-left:20px;  }
.feta_div6 { font-size:0.8rem; }
.feta_div8a, .feta_div8b { width:auto; font-size:0.9rem; text-align:right; padding-right:15px;  }
.feta_div21x { font-size:0.8rem; }

}

/* *********************  FLEX-TEXT-IMAGE  ********************* */

.flxTxt_right {
float:right;
width:calc( 50% - 20px);
}

.flxTxt_left {
float:left;
width:calc( 50% - 20px);
}

.flxTxt_right2 {
text-align:center;
float:right;
width:calc( 50% - 20px);
padding:40px 0px 40px 0px;
}

.flxTxt_left2 {
text-align:center;
float:left;
width:calc( 50% - 20px);
padding:40px 0px 40px 0px;
}

.flxTxt_div1 {
font-family:'Montserrat', 'sans-serif';
font-size:1.6rem;
font-weight:bold;
color:#288791;
line-height:120%;
padding:40px 0px 10px 0px;
}

.flxTxt_div2 {
font-size:1.15rem;
color:#636363;
padding:15px 0px 45px 0px;
}

.flxTxt_div3 {
overflow:auto;
padding:25px 0px 40px 0px;
}

.flxTxt_div4 {
font-weight:bold;
padding:15px 0px 10px 0px;
}

.flxTxt_div4 {
padding:0px 0px 15px 0px;
}

.flxTxt_Img {
max-width: 95%;
border-radius: 1%; 
box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 600px)  { 
.flxTxt_div1 { font-size:1.1rem;  }
.flxTxt_div2 { font-size:0.9rem; }
}

@media only screen and (max-width: 790px)  { 
.flxTxt_Img {width:90vw;}
.flxTxt_div1 {padding:0px 0px 10px 0px;}
.flxTxt_right { float:none; width:auto; }
.flxTxt_left { float:none; width:auto; }
.flxTxt_right2 { width:90vw; float:none; padding:10px 0px 40px 0px; }
.flxTxt_left2 { float:none; width:auto; padding:10px 0px 40px 0px; }
.flxTxt_div3 { display:inline-block; width:100%;  text-align:center; overflow:auto; padding:25px 0px 40px 0px; }
}

/* *********************  FOLD-OUT-2COLUMNS  ********************* */

.folcot_div1 {
padding-bottom:25px;
}

.folcot_divOuter {
overflow:auto;
min-height:40px;
margin:0px;
}

.folcot_divLeft {
float:left; width:calc(50% - 50px);
margin:0px 100px 15px 0px; 
overflow:auto; 
}

.folcot_divRight {
float:left; 
margin: 0px 0px 15px 0px;
width:calc(50% - 54px); 
overflow:auto; 
}


.folcot_div2 {
clear:both; 
overflow:auto; 
white-space:nowrap;
}

.folcot_div3 {
display: inline-block;
padding:1px 0px 0px 2px;
width:45px;
vertical-align:top;
}

.folcot_div4 {
display: inline-block;
width: calc(100% - 50px); 
white-space:normal;
}


.folcot_divLink {

clear:both;
overflow:auto;
margin-top:0px;
}


.folcot_hide {
max-height:0px;
transition: ease 0.6s;
overflow:hidden;
}

.folcot_div5 {
margin: 0px;
padding: 0px 0px 30px 45px;
}


@media only screen and (max-width: 900px)  { 
.folcot_divLeft { clear:both; float:none; width:calc(100% - 40px); margin:0px 0px 15px 0px; overflow:auto;  }
.folcot_divRight { clear:both; float:none; width:calc(100% - 40px); margin:0px 0px 15px 0px;  overflow:auto; }
}

/* *********************  FOLD-OUT-COMPARE  ********************* */

.folco_div1 {
padding-bottom:25px;
}

.folco_div2 {
clear:both;
padding-bottom:15px;
overflow:auto;
}

.folco_div3 {
display: inline-block;
padding:1px 0px 0px 2px;
width:45px;
vertical-align:top;
}

.folco_div4 {
display: inline-block;
width: calc(100% - 52px); 
white-space:normal;
}

.folco_hide {
max-height:0px;
transition: ease 1s;
overflow:hidden;
}

.folco_div5 {
clear:both;
border:1px solid #288791;
margin-bottom:30px;
border-radius:8px;
overflow:auto;
}

.folco_table {
width:100%; 
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
table-layout:fixed;
}

.folco_tr1 {
background-color:#0f4155;
}

.folco_td1 {
width:50%;
text-align:center;
padding:8px;
border-right: 1px solid #288791; 
}

.folco_td2 {
width:50%;
text-align:center;
padding:8px; 
}

.folco_tr2 {
background-color:#288791;
}

.folco_td3 {
padding:8px 0px 8px 0px;
text-align:center;
}

 .folco_tr3 {
background-color:#ffffff;
}

.folco_td4 {
width:50%;
text-align:center; 
vertical-align:top; 
padding:8px 15px 8px 15px;
border-right: 1px solid #288791;
}

.folco_td5 {
width:50%;
text-align:center;
vertical-align:top;
padding:8px 15px 8px 15px;
}

/* *********************  FONTS  ********************* */

html {
font-size:100%;
line-height:130%;
font-family:Lato, sans-serif;
color: #444444;
}

p {
padding: 5px; 
margin:0px;
}


/*  **** For text type links  *** */ 

.ds_textlink {
color: #288791;
cursor:pointer;
}

.ds_textlinkWhite {
color: #ffffff;
cursor:pointer;
}

.ds_textlinkFooter {
font-size:0.85rem;
color: #a9cfd3;
cursor:pointer;
}


.ds_textlinkSmall {
font-size:0.8rem;
color: #288791;
cursor:pointer;
}

.ds_textlinkMedium {
font-weight: bold;
color: #288791;
cursor:pointer;
}

.ds_textLinkBig {
font-size:1.2rem;
color: #288791;
cursor:pointer;
}

.ds_textlinkFooter:hover{
color:#cfebe3;
transition: ease 0.6s;
}

.ds_textlink:hover, .ds_textlinkSmall:hover, ds_textlinkMedium:hover, .ds_textLinkBig:hover {
color:#0f4155;
transition: ease 0.6s;
}

.ds_textlinkWhite:hover {
color:#cfebe3;
transition: ease 0.6s;
}


/*  **** other fonts *** */ 

.ds_basic, .ds_basicF {
font-size:1rem;	
color:#333333;	
}


.ds_grey1 {
font-size:1rem;	
color:#d1d1d1;	
}

.ds_smallHeadline {
font-family:Montserrat, sans-serif;
font-size:1.05rem;	
color:#444444;	
}

.ds_smallHeadline2 {
font-family:Montserrat, sans-serif;
font-size:1.1rem;	
color:#444444;	
}

.ds_whiteSmallHeadline {
font-family:Lato, sans-serif;
font-size:1.1rem;	
font-weight:bold;
color:#ffffff;	
}


.ds_bold, .ds_boldF {
font-size:1rem;	
color:#333333;	
font-weight:bold;
}

.ds_elementHeadline {
font-family:Montserrat, sans-serif;
font-weight: bold;
font-size:1.64rem;
color:#288791;
line-height:120%;
}

.ds_pageHeadline {
font-family:Montserrat, sans-serif;
font-size:2.15rem;
font-weight: bold;
line-height:120%;
color:#333333;
}

.ds_pageHeadline2 {
font-family:Montserrat, sans-serif;
font-size:2.15rem;
font-weight: bold;
line-height:120%;
color:#444444;
}

.ds_mediumHeadline {
font-family:Montserrat, sans-serif;
font-size:1.64rem; 
color:#333333;
line-height:120%;
}

.ds_pageName {
font-family:Montserrat, sans-serif;
font-size:1.1rem;
line-height:120%;
}

.ds_invHeadlineShadow {
line-height: 125%;
font-size: 2.2rem;
text-shadow: 0 0 1rem #000000;
color:#ffffff;
font-weight:bold;
}

.ds_invBullet {
color:#ffffff; 
font-size: 1.2rem; 
}


.ds_link1 {
color: #288791;
cursor:pointer;
}
.ds_link1:hover {
color:#0f4155;
transition: ease 0.6s;
}


h1, h2, h3, h4, h5, h6 {
font-family:Montserrat, sans-serif;
font-weight:normal;
line-height:130%;
margin-block-start: 0px;
margin-block-end:0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
}

@media only screen and (max-width: 1200px) and  (min-width: 951px)  { 
.ds_invBullet { font-size: 1.1rem; }
}

@media only screen and (max-width: 800px)  { 
.ds_elementHeadline { font-size:1.55rem; }
.ds_mediumHeadline { font-size:1.3rem; }
.ds_basicF, .ds_boldF { font-size:0.9rem; line-height:120%; }
.ds_pageHeadline { font-size:1.9rem; }
.ds_whiteSmallHeadline { font-size:1rem; }
.ds_invBullet { font-size:1rem; }
}

/* *********************  FOOTER-A  ********************* */

.f1_footer_stick {
position: fixed;
z-index: -1;
left: 0; bottom: 0;
width: 100%; 
}

.f1_footer_spacer {
display:block; 
float:left;
height: 260px;
width: 1px;
position: relative;
z-index: -2;
}

@media only screen and (max-width: 920px) { 
.f1_footer_stick { position: relative; z-index: 0; }
.f1_footer_spacer { height: 0px; display:none; }
}


.f1_footer_outer_a {
width:100%;
background-color:#333333;
}

.f1_footer_outer_b {
width:100%;
background-color:#000000;
}

.f1_footer_a {
overflow:auto;
clear:both;
padding:30px 15px 30px 15px;
}

.f1_footer_b { 
overflow:auto;
clear:both;
padding:15px;
}

.f1_footer_left {
overflow:auto;
float:left;
max-width:550px; 
padding:0px;
margin-right: 40px;
}

.f1_footer_right {
overflow:auto;	
float:left;
padding:0px;
}

.f1_footer_headline {
font-family:Lato, sans-serif;
font-size:1rem;
color:#f0f0f0;
text-transform:uppercase;
padding: 30px 0px 12px 0px;
}

.f1_footer_link, .f1_footer_link a {
font-size:0.85rem;	
cursor:pointer;
text-decoration:none;
color:#d1d1d1;
font-weight:normal;
}
.f1_footer_link:hover, .f1_footer_link a:hover {
color:#a9cfd3;
transition: ease 0.6s;
}

.f1_footer_icon  {
float:left;	
overflow:auto;
padding: 0px 10px 8px 0px;
}

.f1_footer_text1 {
font-family:Lato, sans-serif;
color:#d1d1d1;
font-size:0.9rem;
line-height: 1.4rem; 
}

.f1_footer_text2 {
float:left;
color:#f0f0f0;
font-size:0.85rem;
}

/* *********************  FORMAT-3-TEXTS  ********************* */

.formTxt_div1 {
font-family:'Montserrat', 'sans-serif';
font-weight: bold;
color:#288791;
font-size:1.6rem;
line-height:120%;
margin-bottom:10px;
}

.formTxt_div2 {
color:#636363;
font-size:1.15rem;
line-height:130%;
margin-bottom:20px;
}

.formTxt_div3 { 
color:#444444;
font-size:1rem;
margin-bottom:20px;
} 


.formTxt_div1a {
font-family:'Montserrat', 'sans-serif';
font-weight: bold;
color:#333333;
font-size:1.6rem;
line-height:120%;
margin-bottom:20px;
}

.formTxt_div1b {
font-family:'Montserrat', 'sans-serif';
font-weight: normal;
color:#636363;
font-size:1.5rem;
line-height:120%;
margin-bottom:20px;
text-align:center;
}

.formTxt_div2a {
color:#444444;
font-size:1.1rem;
line-height:135%;
margin-bottom:35px;
}

.formTxt_div3a { 
color:#444444;
font-size:1rem;
margin-bottom:40px;
} 

.formTxt_bulDiv1 {
float:left;
padding: 2px 15px 0px 0px;
} 

.formTxt_bulDiv2 {
float:left;
width: calc(100% - 40px );
max-width:800px;
color:#444444;
font-size:1rem;
margin-bottom:20px;
}


.formTxt_bulNum {
color:#288791;
font-weight: bold;
font-size:1.5rem;
}

.formTxt_span {
color:#444444;
}


.formTxt2colsA { 
padding: 10px; 
}

.formTxt2colsB { 
padding: 10px; 
}

@media only screen and (max-width: 600px)  { 
.formTxt_div1 { font-size:1.1rem;  }
.formTxt_div1a { font-size:1.3rem;  }
.formTxt_div1b {  font-size:1.2rem;  }
.formTxt_div2 { font-size:1rem; }
}


@media only screen and (min-width: 600px)  { 
.formTxt2colsA { float:left; width:45%; }
.formTxt2colsB { float:right; width:45%; }
}

/* *********************  HIGHLIGHTS-DIAGONAL  ********************* */

.hdia_div1 {
overflow:auto;
}

.hdia_div2 {
padding:30px 0px 10px 0px;
overflow:auto;
}

.hdia_div3 {
float:left; 
margin-right:20px;
width:50px;
height:50px;
border-radius: 50%;
}

.hdia_div4a {
float:left;
margin-right:40px;
padding-top:10px;
width: calc(33% - 105px);
}

.hdia_div4b {
float:left;
padding-top:5px;
width: calc(33% - 105px);
}

.hdia_div4c {
float:left;
padding-top:15px;
width: calc(100% - 105px);
}

.hdia_divHV {
float:left;
height:20px;
}

.hdia_p1 {
font-size:1.9rem;
font-style:bold;
color:#ffffff;
padding:13px 0px 0px 16px;
}

.hdia_p2 {
padding:13px 0px 0px 13px;
}

.hdia_div5 {
width:100%;
height: calc( 40px + 4vw );
}

.hdia_div6 {
margin-top:  calc(  -40px -  4vw);
width:100%;
height: calc( 40px + 4vw );
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}


@media only screen and (max-width: 700px)  { 
.hdia_divHV { float:none; clear:both; }
.hdia_div4a, .hdia_div4b, .hdia_div4c  { margin-right: 0px; width: calc(100% - 80px) }
.hdia_div2 { padding:0px 30px 20px 5px; }
}


/* style variants:   LightGreen  Green, Cyan, Blue, Yellow,  Red  */

/* background colour upper diagonal*/
.hdia_div1_LightGreen { background-color:#cfebe3; }
.hdia_div1_Green { background-color:#87CDB9; }
.hdia_div1_Cyan { background-color:#a9cfd3; }
.hdia_div1_Blue { background-color:#a9cfd3; }
.hdia_div1_Yellow { background-color:#f1f9f7; }
.hdia_div1_Red { background-color:#fcd9d6; }

/* font colour for number in circle  */
.hdia_p1_LightGreen { color: #288791 ; }
.hdia_p1_Green { color: #ffffff ; }
.hdia_p1_Cyan { color: #0f4155 ; }
.hdia_p1_Blue { color: #0f4155 ; }
.hdia_p1_Yellow { color: #0f4155 ; }
.hdia_p1_Red { color: #0f4155 ; }

/* background colour and border for circle  */
.hdia_div3_LightGreen {  background-color:#a9cfd3; border:2px solid #0f4155; }
.hdia_div3_Green { background-color:#ffffff; border:2px solid #ffffff ; }
.hdia_div3_Cyan { background-color:#ffffff; border:2px solid #0f4155 ; }
.hdia_div3_Blue { background-color:#ffffff; border:2px solid #0f4155 ; }
.hdia_div3_Yellow { background-color:#ffffff; border:2px solid #0f4155 ; }
.hdia_div3_Red { background-color:#ffffff; border:2px solid #0f4155 ; }

/* lower diagonal background colour */
.hdia_div6_LightGreen { background-color:#ffffff; }
.hdia_div6_Green { background-color:#ffffff; }
.hdia_div6_Cyan { background-color:#ffffff; }
.hdia_div6_Blue { background-color:#ffffff; }
.hdia_div6_Yellow { background-color:#ffffff; }
.hdia_div6_Red { background-color:#ffffff; }

/* *********************  ICONS-AS-FONT  ********************* */

@font-face {
    font-family: 'benelizer';
    src: url('../fonts/benelizer.eot');
    src: url('../fonts/benelizer.eot?#iefix') format('embedded-opentype'),
         url('../fonts/benelizer.woff') format('woff'),
         url('../fonts/benelizer.ttf') format('truetype'),
         url('../fonts/benelizer.svg#benelizer') format('svg');
    font-weight: normal;
    font-style: normal;
}

.benIconAbs { display:inline-block; position:absolute; margin-top:2px; }        /* for adding an icon to text in buttons */

.benIconBullet {
font-size:14px; padding-right: 20px; font-family: benelizer;  color:#288791; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconBulletInline {
font-size:14px; padding-right: 20px; padding-left: 20px; font-family: benelizer;  color:#288791; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconWhite { 
font-family: benelizer; color:#ffffff; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconInWhite { 
font-family: benelizer; color:#288791; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
background-color:#ffffff; padding:2px;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconCyan {
font-family: benelizer;  color:#288791; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconGrey {
 font-family: benelizer; color:#636363; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIconLightGrey {
font-family: benelizer; color:#d1d1d1;font-style: normal; font-weight: normal;line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
}

.benIcon6 { font-size:6px; }
.benIcon8 { font-size:8px; }
.benIcon10 { font-size:10px; }
.benIcon12 { font-size:12px; }
.benIcon14 { font-size:14px; }
.benIcon16 { font-size:16px; }
.benIcon18 { font-size:18px; }
.benIcon20 { font-size:20px; }
.benIcon22 { font-size:22px; }
.benIcon24 { font-size:24px; }
.benIcon32 { font-size:32px; }
.benIcon38 { font-size:38px; }
.benIcon40 { font-size:32px; }
.benIcon42 { font-size:42px; }
.benIcon48 { font-size:48px; }
.benIcon50 { font-size:50px; }
.benIcon50flex { font-size:50px;}

.benIconButtonGrey {
 font-family: benelizer; color:#818181; cursor:pointer; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; 
}
.benIconButtonGrey:hover { color:#288791; transition: 0.6s ease;  }

.benIconButtonCyan { 
font-family: benelizer; color:#288791; cursor:pointer; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; 
}
.benIconButtonCyan:hover { color:#0f4155; transition: 0.6s ease; }

.benIconButtonWhite {
 font-family: benelizer; color:#ffffff; cursor:pointer; font-style: normal; font-weight: normal; line-height: 1; text-transform:none;
-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; 
}
.benIconButtonWhite:hover { color:#a9cfd3; transition: 0.6s ease;  }


/* Optionally  add names     .icon-ChecvronD:before{content:'/0041';}   */

/* *********************  IFRAME-FOR-VIDEOS  ********************* */

.iframeVideo {
overflow:auto;
height:100%;
width:100%;
border:0px;
padding:0px;
margin:0px;
}

/* *********************  IMAGE-AND-QUOTE  ********************* */

.imgq_div1 {
overflow:auto;
background-color:#ffffff;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding-top: 20px;
padding-bottom: 20px;
white-space: normal;
}

.imgq_icon {
float:left;
height:50px;
}

.imgq_imgL {
border-radius: 50%;
max-width:150px;
max-height: 150px;
margin-top:8px;
border:2px solid #f8f8f8;
box-shadow: 0px 1px 5px 5px rgba(219,219,219,0.9);
}

.imgq_imgR {
display: none;
padding-top:1px;
max-width:180px;
max-height: 52px; 
}

.imgq_txt1 {
padding: 10px 15px 0px 15px; 
text-align:center;
}

.imgq_txt2 {
clear:both; 
overflow:auto;
padding:8px 20px 30px 0px;
white-space: normal;
} 


.imgq_div2 {
float:left;
width:calc(45% - 45px);
padding:12px 0px 30px 0px;
overflow:auto;
}

.imgq_div3 {
float:left; 
padding-left:40px;
text-align:center;
}

.imgq_div4 {
float:right;
width:calc(55%);
padding: 10px 10px 10px 0px;
}

@media only screen and (max-width: 600px)  { 
.imgq_div2 { float:none; width:auto; padding:12px 0px 30px 0px; }
.imgq_div4 { float:none; width:auto; padding: 10px 10px 10px 15px; }
}

@media only screen and (max-width: 480px)  { 
.imgq_txt1, .imgq_txt2 { font-size:0.9rem;}
.imgq_div3 { margin-top: -5px; }
.benIcon50flex { font-size:38px;}
}

/* *********************  IMAGE-SWAP-HOVER-EFFECT  ********************* */

.imgaHovContainer { position: absolute; float: left;  }
.imgaHovContainer:hover .imgaHovOverlay { opacity: 1; }
.imgaHovOverlay {
  position: absolute;
  background-color: #ffffff;
  top: 0; bottom: 0; left: 0; right: 0;
  opacity: 0;
  transition: 0.5s ease;
}

/* *********************  IMAGE-TEXT-LIST  ********************* */

.txtimglst_div1 { 
clear: both; 
overflow-y:auto; 
border-right:0px solid #288791;
border-left:0px solid #288791; 
border-bottom:1px solid #288791;
 }

.txtimglst_span1 { 
font-weight:normal;
font-size:0.8em;
color:#636363; 
text-transform:none;
 }

.txtimglst_div2 { 
clear: both;
padding:18px 0px 18px 0px;
overflow-y:auto;
background-color:#ffffff;
border-top: 1px solid #288791; 
}

.txtimglst_div3 {
clear: both; 
padding:18px 0px 18px 0px;
overflow-y:auto; 
border-top: 1px solid #288791;
 }

.txtimglst_div4 { 
float:left; 
margin-right:20px;
padding:3px 3px 0px 10px;
 }

.txtimglst_div5 { 
float:left; 
padding-top:14px; 
min-width:220px; 
max-width:950px; 
width: calc(100vw - 180px);
 }

.txtimglst_div6 { 
color:#288791; 
font-size:1.1em; 
font-weight:bold; 
text-transform:uppercase; 
}

.txtimglst_div7 { 
padding-bottom:12px; 
}


@media only screen and (max-width: 500px)  { 
.txtimglst_div4 { float:none; padding:3px 3px 0px 10px; }
.txtimglst_div5 { float:none; padding:10px; width:80vw; }
}

/* *********************  IMAGES-IN-SLIDER  ********************* */

.imis_divHeadline{
margin:0px 0px 32px 0px;
}

.imis_div1, .imis_div2  {
clear:both; 
}

.imis_div3 {
padding:0px 0px 5px 0px; 
display: table-cell;
vertical-align: middle;
text-align:center;
height:130px;
width:160px;
}

.imis_divEmpty {
clear:both;
margin:0px;
padding:0px 0px 5px 0px;
height:130px;
width: 160px;
}

.imis_img {
display:inline;
max-width:100%;
max-height:120px;
}


@media only screen and (max-width: 900px)  { 
.imis_div3 { padding:0px 0px 1px 0px;  height:130px; width:130px; }
.imis_divEmpty { padding:0px 0px 1px 0px; height:130px; width: 130px;  }
.imis_img { max-width:90%; max-height:90px; }
}

/* *********************  IMAGES-TEXT-IN-SLIDER  ********************* */

.imats_divHeadline {
margin:0px 0px 45px 0px;
}

imats_divNoHeadline {
margin:0px 0px 0px 0px;
}

.imats_div1 {
overflow:auto;
font-size:1rem;
white-space:normal;
border-radius:4px;
padding-bottom:1px;
cursor:pointer;
}

.imats_divHover {
position: absolute;
width:100%;
height:0px;
overflow:hidden;
text-align:center;
background-color: rgba(255, 255, 255, 0.9);
transition: ease 0.6s;
}

.imats_pHover {
font-size:1.12rem;
color:#288791;
position:absolute;
top:23%;
width: calc(100% - 40px);
padding:0px 20px 0px 20px;
}


.imats_div2 {
overflow:auto;
border-bottom:2px solid #288791;
}

.imats_img {
max-width:100%; 
min-width: 100%;
display:block;
margin:0px;
border:0px; 
}

.imats_div3 {
overflow:auto;
border:1px solid #e3e3e3;
border-radius:0px 0px 4px 4px;
background-color:#ffffff;
}

.imats_div4 {
font-family:Montserrat, sans-serif;
font-size:1.1rem;	
color:#444444;
font-weight: bold;
overflow:hidden;
margin:0px;
padding:30px 30px 0px 30px;
}

.imats_div5 {
font-size:1rem;
color:#969696;
overflow:auto;
margin:0px;
padding:10px 30px 30px 30px;
}

.imats_divSingle {
margin:0px 87px 0px 87px;
max-width:485px;
}


@media only screen and  (max-width:  900px )  { 
.imats_divSingle { margin:0px 48px 0px 48px;  }
.imats_pHover { top:15%; }
}

/* *********************  INPUT-FORMS  ********************* */

.form_greyOut {
position:absolute;
background-color: #000000;
opacity:0.5; 
height:calc(100vh);
width:calc(100vw); 
top:0px; left: 0px;
}

.form_fullBg {
position:relative;
height: calc(100vh);
background-color:#ffffff;
}


.form_fullElements {
position: relative;
z-index:9;
padding-top: calc( 10vh );
}

.form_div1full {
width:600px; 
overflow:auto;
margin: 0 auto;
padding:25px 0px 25px 0px;
background-color:#ffffff;
border: 1px solid #e3e3e3;
border-radius:10px;
}

.form_div1embed {
width:100%; 
overflow:auto;
margin: 0 auto;
padding:25px 0px 25px 0px;
background-color:#f8f8f8;
border: 1px solid #e3e3e3;
border-radius:10px;
}

.form_fieldFull { background-color:#f8f8f8; }
.form_fieldEmbed { background-color:#ffffff; }

.form_div2 {
width:430px;
margin: 0 auto;
}

.form_divHead {
font-family: Montserrat, sans-serif;
width:calc(100% - 62px);
padding: 0px 30px 20px 30px;
text-align:center;
font-weight:bold;
font-size:1.6rem;
line-height:120%;
color:#288791;
}

.form_divInfo1, .form_divInfo2, .form_divInfo3 {
padding: 0px 0px 20px 0px;
font-weight:normal;
line-height:110%;
font-size:0.9rem;
color:#636363; 
text-align:center;
}

.form_divConsent {
float:left; 
padding:0px 0px 40px 8px;
font-weight:normal;
line-height:110%;
max-width:380px;
font-size:0.9rem;
color:#636363; 
}

.form_divChkField {
float:left;
width:24px;
height:24px;
margin: -2px 4px 0px 0px; 
}

.form_divCheck {
float:left;
overflow:auto;
padding:4px 3px 0px 4px;
border: 2px solid #ffffff;
border-radius:3px;
}

.form_divButton {
text-align:center;
margin: 0px 0px 20px 0px;
}


::-webkit-input-placeholder { /* Edge */
font-family:Montserrat, sans-serif;
color:#636363;
font-size:0.85rem; 
}   

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-family:Montserrat, sans-serif;
color:#636363;
font-size:0.85rem;
}

::placeholder {
font-family:Montserrat, sans-serif;
color:#636363;
font-size:0.85rem; 
} 

input, select, textArea, img {
outline:0;
}

input:hover, select:hover, textArea:hover  {
outline:0;
}

input:focus, select:focus, textarea:focus {
outline:0;
border:1px solid #000000;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}


.form_divField {
overflow: auto;
width:calc(100% - 5px);
margin:0px 0px 12px 0px;
border:2px solid transparent;    /*  for the mandatory waring */
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}

.form_dataFieldText {
height:34px;
width:calc( 100% - 15px );
padding:0px 6px 0px 6px;
vertical-align:middle;
font-size:1rem;
color:#333333;
font-weight:normal;
border:1px solid #d1d1d1;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}

.form_dataFieldMemo {
resize:vertical;
height:80px;
min-height:34px;
max-height:200px;
width:calc( 100% - 15px );
padding:6px;
font-family:Lato, sans-serif;
font-size:1rem;
color:#333333;
font-weight:normal;
border:1px solid #d1d1d1;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}

@media only screen and ( min-width: 461px )  and  ( max-width: 640px )  { 
.form_div1full, .form_div1embed { width:435px; padding:25px 0px 0px 0px; border: 0px; }
}

@media only screen and  (max-width: 460px )  { 
.form_div1full, .form_div1embed { width: 100%; padding:25px 0px 0px 0px; border: 0px; }
.form_div2 { width: calc(100% - 16px); }
.form_dataFieldText { font-size:0.9rem; }
.form_dataFieldMemo { font-size:0.9rem; }
.form_divConsent { width: calc(100% - 50px ); }

}

/* *********************  MENU-A  ********************* */

.m1_full {
position:fixed;
overflow:visible;
width:100%;
z-index:11;
border-bottom:1px solid #d1d1d1; 
}

.m1_aboveDivInitial {
padding-top: 8px; 
height: 30px;
overflow:hidden;
background-color:#f8f8f8; 
border-bottom: 1px solid #f0f0f0; 
transition: 0.3s ease;
}

.m1_aboveDivScrolled {
height:0px;
overflow:hidden;
background-color:#ffffff; 
border-bottom: 0px;
transition: 0.3s ease;
}

.m1_aboveText  {
float: left;
margin-right:30px;
font-size:0.8rem;
color:#969696;
}

.m1_aboveText a {
color:#969696;
text-decoration: none;
font-weight: normal;
}
.m1_aboveText a:hover {
color:#333333;
text-decoration: none;
font-weight: normal;
}

.m1_divInitial {
height: 77px; 
padding-top:13px;
overflow:visible;
transition: 0.6s ease;
}

.m1_divScrolled {
height: 58px; 
overflow:visible;
transition: 0.6s ease;
}

.m1_bar {
min-height:64px; 
background-color: rgba(255, 255, 255, 0.95);
}

.m1_logo {
float:left;	
padding:4px 0px 0px 5px;
cursor:pointer;
}

.m1_item {
float:left;
cursor:pointer;
text-transform: uppercase;
font-size:15px;
color:#636363;
text-align:center;
padding: 10px 8px 0px 10px;
margin: 10px 20px 0px 0px;
text-decoration:none;
}

.m1_item:hover {
  color:#288791;
}

.m1mb_item {
float:left;
cursor:pointer;
text-transform: uppercase;
color:#f0f0f0;
text-align:left;
padding: 10px 0px 10px 15px;
text-decoration:none;
font-size:16px;
}
.m1mb_item:hover {
  color:#ffffff;
}

.m1-mb-arrow {
float:left;
font-size:17px;
color:#ffffff;
font-weigth:bold;
padding: 11px 0px 0px 10px;
}

.m1_arrow {
float:left;
margin: 22px 15px 0px -22px;
}

.m1_icon1 {
display:none;
clear:both;
overflow:auto;
}

.m1_icon2 {
clear:both;
height:64px;
background-color:#ffffff;
overflow:auto;
width:100%;
z-index:999;
position:fixed;
border-bottom:1px solid #d1d1d1; 
}

.m1_icon3 {
float:right;
padding:18px 15px 0px 0px;
cursor:pointer;
}

.m1_subtext {
cursor:pointer;
font-size:14px;
color:#ffffff;
background-color:#333333;
padding:6px 20px 6px 20px;
min-width:110px;
border-bottom: 1px solid #333333;
}

.m1_subtextsel {
cursor:pointer;
font-size:13px;
color:#000000;
border-bottom: 1px solid #333333;
background-color:#a9cfd3;
padding:6px 15px 6px 20px;
min-width:110px;
}

.m1_subtext:hover {
background-color:#288791;
padding:6px 20px 6px 20px;
border-bottom: 1px solid #333333;
}

.m1_subtextBlankSpacer {
height:14px;
background-color:#969696;
min-width:110px;
border-bottom: 1px solid #333333;
}

.m1_subtextSpacer {
font-size:15px;
text-transform: uppercase;
color:#87CDB9;
font-weight: bold;
background-color:#333333;
padding:10px 20px 7px 20px;
min-width:110px;
border-bottom: 1px solid #333333;
}


.m1_subouter {
position:absolute; 
top: 53px; 
overflow: visible; 
z-index:5;
}

.m1mb-submenu {
overflow:hidden;
padding:3px 0px 0px 0px;
border-bottom:1px solid #333333;
max-height: 0px;
opacity: 0;
transition: 0.5s linear;
}

.m1_submenua {
cursor:pointer;
overflow:hidden;
max-height: 0px;
opacity: 0;
transition: 0.5s linear;
}

.m1-submenub {
padding: 5px 0px 10px 0px;
background-color:#333333;
border-top: 2px solid #ffffff; 
} 

.m1mb-submenub {
clear:both;
float:left;
overflow:hidden;
margin-top:-16px;
padding:2px 0px 15px 0px;
max-height: 0px;
opacity: 0;
transition: 0.5s linear;
}

.m1mb_subtext {
clear:both;
cursor:pointer;
font-size:16px;
color:#f0f0f0;
padding: 9px 0px 9px 15px;
border-bottom: 1px solid #444444;
}
.m1mb_subtext:hover {
background-color: #288791;
color:#ffffff;
}

.m1mb_subtextselmb {
clear:both;
font-size:16px;
color:#a9cfd3;
padding:9px 75px 9px 15px;
border-bottom: 1px solid #444444;
}


.m1mb_subtextBlankSpacer {
clear:both;
height:14px;
background-color:#969696;
min-width:110px;
border-bottom: 1px solid #444444;
}

.m1mb_subtextSpacer {
clear:both;
font-size:16px;
text-transform: uppercase;
font-weight: bold;
color:#288791;
background-color:#333333;
padding:7px 20px 7px 15px;
min-width:110px;
border-bottom: 1px solid #444444;
}


.m1_topfillInitial {
height:130px;
overflow:auto;
transition: 0.3s ease;
}

.m1_topfillScrolled {
height:67px;
overflow:auto;
transition: 0.3s ease;
}

.m1_mbtopfill {
height:0px;
overflow:auto;
}

.m1mb_div_a {
clear:both;
width:100%;
margin-top:0px;
overflow:hidden;
max-height: 0px;
opacity: 0;
transition: 0.5s linear;
}

.m1mb_div_b {
clear:both;
background-color:#333333;
border-bottom: 1px solid #d1d1d1;
overflow: auto; 
}

.m1mb_div_c {
clear:both;
overflow:auto;
border-bottom:1px solid #444444;
}

.m1mb_div_d {
clear:both;
margin: 0px;
padding-bottom:1px;
border-bottom: 1px solid #333333;
overflow: auto;
}

.m1mb_div_e {
clear:both;
margin: -4px 0px 0px 8px;
overflow: auto;
}

.m1mb_div_f {
float:right;
margin: 18px 20px 15px 5px;
}

.m1mb_div_g {
clear:both;
margin:0px;
padding-bottom:5px;
border-bottom:1px solid #333333;
overflow: auto;
}

.m1mb_div_h {
float:left;
margin:18px 0px 15px 14px;
}

@media only screen and (max-width: 950px) { 
.m1_full { display:none; }
.m1_icon1 { display:block; }
.m1_topfillInitial { height:0px; }
.m1_topfillScrolled { height:0px; }
.m1_mbtopfill { height:65px; }
}

/* *********************  MISC  ********************* */

a, a:hover, a:focus, a:active {
     text-decoration: none;
     color: inherit;
 }

.tooltip {
pointer-events:none;
}

.ds_hideinput {
width:0.1px;
height:0.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1;
}

.ds_cmdButton {
float:left;
margin:5px 0px 5px 15px;
padding:6px 10px 2px 4px;
font-size:0.85rem;
color:#333333;
text-decoration:none;
font-weight:bold;
cursor:pointer;
background-color:#a9cfd3;
text-align:center;
border:0px solid #818181; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;
}
.ds_cmdButton:hover {
color:#ffffff;
background-color:#288791;
text-decoration:none; 
}

.ds_clear {
clear:both; 
}

.ds_spacer {
overflow:auto;
clear: both;
}

.ds_spacerLine {
overflow:auto;
clear:both;
height:1px;
border-top:1px solid #d1d1d1;
}

.ds_shadow1 {
border:1px solid #d1d1d1;
border-radius:5px;
-webkit-box-shadow:1px 1px 11px -5px rgba(0,0,0,0.75); -moz-box-shadow:1px 1px 11px -5px rgba(0,0,0,0.75); box-shadow:1px 1px 11px -5px rgba(0,0,0,0.75);
}

.ds_modale1 { 
display:none;
position:fixed;
top:1px;
z-index:9999;
background-color:rgba(0, 0, 0, 0.25);
width:100%;
height:100%;
padding-top:20px;
}

/* *********************  MULTI-TEXT-VIDEO  ********************* */

.mulFlxTxt_spc {
clear:both; 
border-bottom:1px solid #e3e3e3;
height: 3px;
}

.mulFlxTxt_left {
float:left;
width:calc( 50% - 50px);
padding:0px 0px 0px 10px;
}

.mulFlxTxt_right {
text-align:center;
float:right;
width:calc( 50% - 50px);
padding:40px 10px 40px 0px;
}

.mulFlxTxt_div1 {
font-family:Montserrat, sans-serif;
font-size:1.6rem;
font-weight:bold;
color:#288791;
line-height:125%;
padding:40px 0px 10px 0px;
}

.mulFlxTxt_div2 {
padding:5px 0px 5px 0px;
}

.mulFlxTxt_div3 {
overflow:auto;
padding:25px 0px 40px 0px;
}

.mulFlxTxt_div4 {
font-weight:bold;
padding:25px 0px 10px 0px;
}

.mulFlxTxt_div5 {
padding:0px 0px 15px 0px;
}

.mulFlxTxt_Img {
max-width:100%;
box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 0px 14px -2px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 790px)  { 
.mulFlxTxt_Img { margin-bottom:20px; }
.mulFlxTxt_right { float:none; width:auto; padding:15px 0px 15px 0px; }
.mulFlxTxt_left { float:none; width:auto; padding:0px 10px 0px 10px; }
.mulFlxTxt_right2 { float:none; width:auto; padding:10px 0px 40px 0px; }
.mulFlxTxt_left2 { float:none; width:auto; padding:10px 0px 40px 0px; }
.mulFlxTxt_div3 { display:inline-block; width:100%;  text-align:center; overflow:auto; padding:15px 0px 25px 0px; }
}

/* *********************  PAGE-WIDTH  ********************* */

.ee_main_outer {
width:100%;
background-color:#ffffff;
}

.ee_main_grey_outer {
width:100%;
background-color:#f0f0f0;
}

.ee_pagewidth {
max-width:1200px; 
overflow:hidden;
margin:0 auto;
padding:0px 15px 0px 15px;
}

/* *********************  PAGE_SHOW_SELECTED  ********************* */

.pass_divBox {
border-left: 3px solid #288791;
border-top: 1px solid  #e3e3e3;
border-right: 1px solid  #e3e3e3;
border-bottom: 1px solid  #e3e3e3;
background-color:#f8f8f8;
overflow:auto;
border-radius: 0px 3px 3px 0px;
padding:34px;
margin-bottom:34px;
}

.pass_divHead {
font-family:Montserrat, sans-serif;
font-size:1.2rem;
font-weight: bold;
line-height:130%;
color:#444444;
padding:0px;
margin-bottom:20px;
}

.pass_divBtn {
float:right;
margin: 20px 34px 0px 0px; 
}

.pass_divText {
padding:0px;
line-height:140%;
}

.pass_div1 {
display:none;
clear:both;
padding:0px;
margin:0px;
}

.pass_div2 {
text-align:center;
}

.pass_div3 {
line-height:140%;
padding:10px 0px 10px 0px;
}

.pass_img {
max-height:300px;
max-width:90%;
}

.pass_imga {
max-height:1700px;
max-width:90%;
}

.pass_div4 {
display:none;
clear:both;
line-height:140%;
padding:20px 10px 20px 10px;
}

.pass_div5 {
height:300px;
margin: 0 auto;
}

.pass_div6 {
float:left; 
width:calc(50% - 34px); 
}

.pass_div7 {
float:right; 
width:calc(50% - 34px); 
}

.pass_wide {
padding: 0px;
}

.pass_narrow {
padding: 0px;
}


@media  (max-width: 585px)  { 
.pass_div5 { height:250px; }
.pass_divBox { padding:20px 15px 20px 15px; }
.pass_div4 { padding:2px; }
}


@media  (max-width: 450px)  { 
.pass_divHead { font-size:1.2rem; }
.pass_divBox { padding:20px 15px 20px 15px; }
.pass_div4 { padding:1px; }
.pass_div5 { height:150px; }
}


@media  (min-width: 1101px) and (max-width: 1250px)  { 
.pass_divHead { font-size:1.2rem; }
.pass_divBox { padding:20px 25px 20px 25px; }
.pass_div4 { padding:1px; }
.pass_div5 { height:250px; }
}

@media  (min-width: 900px) and (max-width: 1100px)  { 
.pass_divHead { font-size:1.2rem; }
.pass_divBox { padding:20px 22px 20px 22px; }
.pass_div4 { padding:1px; }
.pass_div5 { height:200px; }
}

@media  (max-width: 899px)  { 
.pass_wide { display:none; }
.pass_narrow {display:block; }
}

@media (min-width: 900px)  { 
.pass_wide { display:block; }
.pass_narrow {display:none; }
}

/* *********************  RADIO-BUTTONS  ********************* */

span.ds_radio {
    display: none;
}

input[type="radio"] {
    width:22px;
    height:22px;
    margin:-0px;
    cursor:pointer;
}

input[type="radio"] + span.ds_radio {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color:#ffffff;
    margin: 0px 0px -4px -25px;
    border-radius: 50%;
    border: 2px solid #288791;
    pointer-events: none;
}
input[type="radio"] + span.ds_radio::after {
    content: '.';
    color:transparent;
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    margin: -4px 0 0 -2px;
    border-radius: 50%;
    transition: .2s;
}

input[type="radio"]:checked + span.ds_radio::after {
    width: 12px;
    height: 12px;
    margin: 6px 0 0 6px;
    background-color: #288791;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

/* *********************  SCALE-QUESTIONS  ********************* */

.spidValName {
padding: 20px 0px 20px 0px;
color:#288791;
font-weight: bold;
text-transform:uppercase;
font-size:1.2rem;
}

.spidDiv1 {
overflow:auto;
clear:both;
margin: 0px 0px 30px 0px;
}

.spidDiv2 {
float:left;
overflow:auto;
padding: 8px;
border:1px solid #e3e3e3;
border-radius:6px;
background-color:#f8f8f8;
}

.spidDiv3 {
float:left;
width:550px;
font-size:1.1rem;
color:#333333;
padding:25px 25px 0px 20px;
}

.spidDiv4 {
float:left;
}

.spidDiv5 {
float:left;
width:30px;
padding: 49px 15px 0px 0px;
text-align:right;
}

.spidDiv6 {
float:left;
width: 500px;
padding:0px 15px 15px 0px;
}

.spidTable {
width:100%;
font-size:0.8rem;
border:0px;
border-spacing: 0px; padding: 0px; margin: 0px;
}

.spidTd1 {
padding: 10px 0px 12px 15px;
text-align:left;
}

.spidTd2 {
padding: 10px 0px 12px 0px;
text-align:center;
}

.spidTd3 {
padding: 10px 20px 12px 0px;
text-align:right;
}

.spidTdRadio {
width:14.3%;
text-align:center;
}

@media only screen and ( min-width: 1100px ) and ( max-width: 1250px ) { 
.spidDiv2 { float:none;  }
.spidDiv3 { width:400px; font-size:1.1rem; }
.spidDiv6 { width: 500px; }
}

@media only screen and ( min-width: 951px ) and ( max-width: 1099px ) { 
.spidDiv2 { float:none;  }
.spidDiv3 { width:302px;  padding: 15px 25px 0px 20px; font-size:1.1rem; }
.spidDiv6 { width: 450px; }
}

@media only screen and ( min-width: 671px ) and ( max-width: 950px ) { 
.spidDiv2 { float:none; overflow:hidden;  }
.spidDiv3 { float:none; clear:both; width:auto; padding: 10px 25px 0px 20px; font-size:1.1rem; }
.spidDiv4 {float:none; }
.spidDiv6 { min-width:480px; }
}

@media only screen and ( min-width: 412px ) AND (max-width: 670px)  { 
.spidDiv2 { float:none; overflow:hidden; }
.spidDiv3 { float:none; clear:both; width:auto; font-size:1.1rem; }
.spidDiv4 { float:none; }
.spidDiv5 { padding: 53px 15px 0px 0px; }
.spidDiv6 { width:auto; }
.spidTdRadio { width:38px; }
.spidTd1 { padding: 16px 0px 12px 0px; text-align:left; white-space: normal; }
.spidTd2 { padding: 16px 0px 12px 0px; text-align:center; white-space: normal; }
.spidTd3 { padding: 16px 0px 12px 0px; text-align:right; white-space: normal; }
}


@media only screen and (max-width: 411px)  { 
.spidDiv2 { float:none; overflow:hidden; }
.spidDiv3 { float:none; clear:both; width:auto; font-size:1.1rem; }
.spidDiv4 { float:none; }
.spidDiv5 { clear:both; height:18px; padding: 0px 0px 0px 0px;  text-align:left; }
.spidDiv6 { clear:both;  width:auto; }
.spidTdRadio { width:36px; }
.spidTd1 { padding: 1px 0px 12px 0px; text-align:left; white-space: normal; }
.spidTd2 { padding: 1px 0px 12px 0px; text-align:center; white-space: normal; }
.spidTd3 { padding: 1px 0px 12px 0px; text-align:right; white-space: normal; }
}

/* *********************  SHOW-3-TEXTS  ********************* */

.intr3_div1 {
margin:0px 30px 34px 0px;
overflow:visible;
}

.intr3_div2 {
margin:0px 30px 34px 0px;
overflow:visible;
}

.intr3_div3 {
margin:0px 30px 34px 0px;
overflow:visible;
}

/* *********************  SHOW_A_DATASET  ********************* */

.shad_div1 {
margin-top: 32px;
color:#818181;
font-family:Montserrat, sans-serif;
font-size:1.1rem;
}

.shad_div2 {
margin-top: 32px;
}

.shad_div3 {
text-align:center;
margin-top: 32px;
margin-bottom: 64px;
}

.shad_img {
max-width:1080px;
clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 50% 100%, 0% 95%);
}

.shad_img_alt {
max-width:1080px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.shad_div4 {
clear:both;
font-size:1.1rem;
padding: 30px 0px 25px 0px;
}

.shad_div5 {
margin-top: 32px;
width:calc(100% - 15px); 
max-width:700px;
}

.shad_div6 {
clear:both;
font-size:1.1rem;
padding: 30px 0px 25px 0px;
}

.shad_video {
clear:both;
margin-top: 32px;
margin-bottom: 64px;
height:608px;
}

.shad_div7a {
clear:both;
margin-top:32px;
}

.shad_div7 {
float:left;
}

.shad_div8 {
clear:both;
width: 100%;
max-width: 700px;
margin: 32px auto 0px auto;
}

.shad_hr {
margin: 30px 0px 0px 0px;
border-top: 2px solid #288791;
}

@media  (max-width: 1080px)  { 
.shad_img { max-width:100%; }
}

@media   (min-width: 601px) AND  (max-width: 900px)  { 
.shad_video { margin-top: 32px; height:350px; }
}

@media   (min-width: 401px) AND  (max-width: 600px)  { 
.shad_video { margin-top: 32px; height:220px; }
}

@media  (max-width: 400px)  { 
.shad_video { margin-top: 32px; height:160px; }
}

/* *********************  SHOW_TEXT_PAIRS  ********************* */

.shtp_div1 {
padding: 34px 15px 0px 25px;
font-family:Montserrat, sans-serif;
font-weight: bold;
font-size:1.64rem;
line-height:120%;
color:#288791;
}

.shtp_div2 {
padding: 15px 15px 10px 25px;
font-size:1rem;
}

.shtp_div3 {
clear:both;
padding: 12px 15px 1px 25px;
}

.shtp_div4 {
float:left;
padding: 1px 15px 0px 0px;
}

.shtp_div5 {
float:left;
max-width:700px;
padding: 3px 0px 0px 0px;
}

.shtp_div6 {
clear:both;
height:10px;
}

/* *********************  SLIDER  ********************* */

.im_sliderElement {
padding: 0px;
display: inline-block;
vertical-align:middle;
}

.msliderDiv1 {
max-width:1200px;
border:0px;
overflow:hidden;
}

.msliderDiv2 {
display:none;
float:left;
border:0px;
}

.msliderDiv3 {
position: relative;
height: 32px;
}

.msliderDiv4 {
float:left;
height:32px;
border:0px;
}

.msliderDiv5 {
float:left;
border:0px;
overflow-x:hidden;
overflow-y:hidden;
white-space:nowrap;
}

.msliderDiv6 {
float:left;
text-align:right;
display:inline;
border:0px;
}

.msliderDiv7 {
display:none;
float:left;
height:32px;
text-align:right;
border:0px; }

/* *********************  SPIDERWEB  ********************* */

.ds_weblines {
stroke:#d1d1d1; 
}

.ds_webdotLow {
fill:#f04132; 
stroke-width:0; 
}

.ds_webdotMiddle {
fill:#fcb123; 
stroke-width:0; 
}

.ds_webdotHigh {
fill:#87CDB9; 
stroke-width:0; 
}

.ds_webdotTop {
fill:#288791; 
stroke-width:0; 
}

.ds_dotlines {
stroke:#9fb3bb;
stroke-width:2;
}

.ds_webcaptBig {
font-size:0.8rem; 
color:#ffffff;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#0f4155;
border: 0px; border-radius:3px;
padding: 4px;
}

.ds_webcaptSmall {
font-size:0.8rem; 
color:#ffffff;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#9fb3bb;
border: 0px; border-radius:3px;
padding: 1px 1px 1px 1px;
}

/* *********************  STRETCH-3-HIGHLIGHTS  ********************* */

.s3h_div1 {
background-color:#288791;
}

.s3h_div2 {
padding:30px;
overflow:auto;
}

.s3h_div3 {
float:left; 
margin-right:20px;
}

.s3h_div4a {
float:left;
margin-right:40px;
padding-top:5px;
width: calc(33% - 80px);
}

.s3h_div4b {
float:left;
padding-top:5px;
width: calc(33% - 80px);
}

.s3h_divHV {
float:left;
height:10px;
}

@media only screen and (max-width: 700px)  { 
.s3h_divHV { float:none; clear:both; }
.s3h_div4a, .s3h_div4b  { margin-right: 0px; width: calc(100% - 80px) }
.s3h_div2 { padding:20px 30px 20px 30px; }
}

/* *********************  STRETCH-BUTTON-ON-IMAGE  ********************* */

.sboi_div1 {
position:absolute;
z-index: 2;
width: 100%;
}

.sboi_div2 {
margin:0 auto;
padding-top:50px;
padding-bottom:50px; 
}

.sboi_div2noButton {
margin:0 auto;
padding-top:70px;
padding-bottom:50px; 
}

.sboi_div3 {
overflow:hidden;
vertical-align:middle;
}

.sboi_divNoImg {
width:100%;
height:400px;
background-color:#87CDB9; 
}

.sboi_img {
display:block;
width:100%;
max-height:100%;
padding:0px;
margin-top:-12%;
border:0px;
}

.sboi_txt {
text-align: center;
padding: 0px;
margin:0px; 
}

.sboi_btn {
padding-top:0px;
max-width: 1200px;
text-align: center;
}


@media only screen and (max-width: 1350px)  { 
.sboi_txt { font-size: 1.9rem; text-shadow: 0 0 0.9rem #000000; }
.sboi_div2 { padding-top:45px; padding-bottom:45px; }
.sboi_div2noButton { padding-top:75px; padding-bottom:45px; }
.sboi_divNoImg { height:300px; }
.sboi_img { margin-top:-4%; }
}

@media only screen and (max-width: 850px) and  (min-width: 601px)  { 
.sboi_txt { font-size: 1.5rem; text-shadow: 0 0 0.8rem #000000; }
.sboi_div2 { padding-top:45px; padding-bottom:20px; }
.sboi_div2noButton { padding-top:80px; padding-bottom:40px; }
.sboi_divNoImg { height:210px; }
.sboi_img { margin-top:0px; }
}


@media only screen and (max-width: 600px)  { 
.sboi_txt { font-size: 1.1rem; text-shadow: 0 0 12px #000000; }
.sboi_divNoImg { height:170px; }
.sboi_div2 { padding-top:25px; padding-bottom:20px; }
.sboi_div2noButton { padding-top:70px; padding-bottom:20px; }
.sboi_img { margin-top:0px; max-height:none; min-height:250px;  height:100%;  width:150%;  }
}

/* *********************  STRETCH-BUTTON-ROW  ********************* */

.stbr_divbg {
overflow: auto; 
padding: 35px 0px 5px 0px;
background-color:#0f4155;  
text-align: center;
}

/*    CSS variant 1  */
.stbr_divbg1 {
overflow: auto; 
padding: 2px 0px 5px 0px;
background-color:#ffffff;  
text-align: center;
}

/*    CSS variant 2  */
.stbr_divbg3 {
overflow: auto; 
padding: 35px 0px 35px 0px;
background-color:#cfebe3;  
text-align: center;
}

/*    **************  STRETCH-BUTTON-EXTRA **************  */

.stbr_divbg2 {
overflow: auto; 
padding: 35px 0px 65px 0px;
background-color:#87CDB9;  
text-align: center;
}


/* ----------optional text 1 above  button  ------------------  */
.ds_conversion1XTA, .ds_conversion2XTA {
clear:both;  
width:calc(100% - 42px);
font-family:Montserrat, sans-serif;
font-weight:normal;
font-size:1.1rem;
line-height:115%;
text-align: center;
}

.ds_conversion1XTA {  padding:30px 20px 20px 20px; color:#0f4155;  }
.ds_conversion2XTA { padding:0px 20px 20px 20px; color:#ffffff;  }



/* ----------optional text 2 above  button  ------------------  */
.ds_conversion1XTB, .ds_conversion2XTB {
clear:both;  
width:calc(100% - 42px);
padding: 1px 20px 30px 20px;
font-weight:normal;
font-size:1.1rem;
color:#444444; 
line-height:115%;
text-align: center;
}



/* ----------optional text below button  ------------------  */
.ds_conversion1T2, .ds_conversion2T2 {
padding: 20px 0px 40px 0px;
font-weight:normal;
font-size:1rem;
color:#ffffff;
}


@media only screen and (max-width: 850px)  { 
.ds_conversion2XTA { font-size:1rem; }
.ds_conversion1XTA { font-size:1rem; }
}

@media only screen and (max-width: 550px)  { 
.ds_conversion2XTA { font-size:0.9rem; }
.ds_conversion1XTA { font-size:0.9rem; }
}

/* *********************  STRETCH-TEXT-ON-IMAGE  ********************* */

.stoi_div1 {
position:absolute;
z-index: 2;
width: 100%;
}

.stoi_div2 {
margin:0 auto;
padding-top:60px;
padding-bottom:50px; 
}

.stoi_div3 {
overflow:hidden;
vertical-align:middle;
}

.stoi_img {
display:block;
width:100%;
max-height:100%;
padding:0px;
margin-top:-12%;
border:0px;
}

.stoi_txtA {
text-align: left;
padding: 0px;
margin:0px; 
font-size: 2.9rem;
color:#000000;
text-shadow: 0 0 10px rgba(255,255,255,0.99);
}

.stoi_txtB {
text-align: left;
padding: 0px;
margin:0px; 
font-size: 2.9rem;
color:#ffffff;
text-shadow: 0 0 10px rgba(0,0,0,0.90);
}

.stoi_txtC {
float: left;
text-align:center;
padding: 5px 20px 5px 20px;
margin:0px; 
font-size: 2.2rem;
color:#ffffff;
border-radius: 3px;
background-color: rgba(40, 135, 145, 0.7);
}


@media only screen and (max-width: 1350px)  { 
.stoi_txtA { font-size: 2.6rem; text-shadow: 0 0 10px rgba(255,255,255,0.99);}
.stoi_txtB { font-size: 2.6rem; text-shadow: 0 0 10px rgba(0,0,0,0.90);}
.stoi_txtC { font-size: 1.8rem; }
.stoi_div2 { padding-top:65px; padding-bottom:45px; }
.stoi_div2noButton { padding-top:75px; padding-bottom:45px; }
.stoi_divNoImg { height:300px; }
.stoi_img { margin-top:-4%; }
}

@media only screen and (max-width: 850px) and  (min-width: 601px)  { 
.stoi_txtA { font-size: 2.3rem; text-shadow: 0 0 9px rgba(255,255,255,0.99); }
.stoi_txtB { font-size: 2.3rem; text-shadow: 0 0 9px rgba(0,0,0,0.90); }
.stoi_txtC { font-size: 1.6rem; }
.stoi_div2 { padding-top:65px; padding-bottom:40px; }
.stoi_div2noButton { padding-top:80px; padding-bottom:40px; }
.stoi_divNoImg { height:210px; }
.stoi_img { margin-top:0px; }
}

@media only screen and (max-width: 600px)  { 
.stoi_txtA { font-size: 2.1rem; text-shadow: 0 0 8px rgba(255,255,255,0.99); }
.stoi_txtB { font-size: 2.1rem; text-shadow: 0 0 8px rgba(0,0,0,0.90); }
.stoi_txtC { font-size: 1.4rem; }
.stoi_div2 { padding-top:65px; padding-bottom:20px; }
.stoi_img { margin-top:0px; max-height:none; min-height:250px;  height:100%;  width:150%;  }
}

/* *********************  TEAM-MEMBERS  ********************* */

.team_2cols {
}


.team_1col {
}

.team_divHead {
font-family:Montserrat, sans-serif;
font-weight: bold;
color:#288791;
font-size:1.64rem;
line-height:120%;
margin-bottom:20px;
}


.team_table {
width:100%; 
border: 0px; border-spacing: 0px; padding: 0px; margin: 0px;
border-collapse:collapse;
}

.team_td1 {
vertical-align: top;
width:50%;
padding-right:30px;
padding-top: 30px;
padding-bottom: 30px;
border-right:1px solid #e3e3e3;
}

.team_td2 {
vertical-align: top;
padding-right:20px;
padding-top: 30px;
padding-bottom: 30px;
width:50%;
}

.team_tdtop {
border-top:1px solid #e3e3e3;
}

.team_divLink {
position:relative;
font-size:1rem;
color:#288791;
cursor:pointer;
text-decoration:none;
padding:5px 0px 5px 0px;
}
.team_divLink:hover, .team_divLink a:hover { color:#0f4155; transition: ease 0.6s; } 
.team_divLink a { text-decoration::none; color:#288791; } 


.team_img {
border-radius: 50%;
max-width:105px;
max-height: 105px;
margin-top:8px;
/* border:2px solid #f8f8f8;  box-shadow: 0px 1px 5px 5px rgba(219,219,219,0.9); */
}


.team_divIcon {
cursor:default;
position:absolute;
padding-top:2px;
}


.team_divOuta {
float:left;
}

.team_outb {
float:left;
width:160px;
text-align:center;
}

.team_div1a {
clear:both;
overflow:auto;
}

.team_div1b {
float:left;
width:160px;
text-align:center;
}

.team_div1c {
float:left;
width: calc(100% - 170px);
}

.team_div2 {
overflow:auto;
}

.team_div3 {
font-family:Montserrat, sans-serif;
color:#444444;
font-size:1.2rem;
padding:15px 0px 0px 0px;
margin-bottom:23px;
}

.team_div4 {
margin-top:23px;
padding:1px 0px 5px 0px;
}

.team_div5 {
font-weight:bold;
padding:15px 0px 5px 0px;
}

.team_div6a {
clear:both;
padding:5px 0px 5px 0px;
}

.team_div6b {
float:left;
width:12px;
padding:3px 0px 0px 10px;
}

.team_div6c {
float:left;
width:calc(100% - 40px);
padding:5px 0px 0px 5px;
}

.team_div6d {
text-align:center;
width:100%;
}

.team_div7 {
padding:30px 0px 25px 0px;
}

@media only screen and (min-width: 1001px)  { 
.team_2cols { display:block; }
.team_1col { display:none; }
}

@media only screen and (max-width: 1000px)  { 
.team_2cols { display:none; }
.team_1col { display:block; }
.team_divOuta { float:none; }
.team_outb { float:none;  }
.team_div1b { float:none; width:100%; text-align:center; }
.team_div1c { float:none; width:100%; }
.team_divLink { text-align:center }
.team_div3  { text-align:center; }
.team_div4  { text-align:center; padding: 0px 13% 0px 13%; }
.team_div5  { text-align:center; }
.team_div7  { text-align:center;  padding:20px 0px 45px 0px; }
}

@media only screen and (max-width: 420px)  { 
.team_divHead { font-size:1.4rem;  }
.team_div4  { text-align:center; padding: 0px 10px 0px 10px; }
}

/* *********************  TEXT-BUTTON-IMAGE  ********************* */

.tbi_divBg {
padding:10px 0px 15px 0px;
}

.tbi_div1 {
float:left;
width:calc(50% - 30px);
}

.tbi_div2 {
font-size:1.3rem;
line-height:140%;
font-style:bold;
padding:20px 0px 20px 0px;
}

.tbi_div3 {
font-family:Montserrat, sans-serif;
font-size:1rem;
line-height:130%;
padding:0px 0px 0px 0px;
}

.tbi_div4 {
padding:10px 0px 0px 0px;
}

.tbi_div5, .tbi_div6 {
float:left;
padding:30px 40px 30px 0px;
}

.tbi_div7 {
overflow:auto;
float:right;
padding-top:20px;
width:calc(50% - 20px);
}

.tbi_img {      
display:block;
float:right;
max-width:100%;
margin:0px;
max-height:1000px;
box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.25);
}

@media only screen and (max-width: 700px)  { 
.tbi_div1, .tbi_div7  { float:none; clear:both; width:auto;  }
.tbi_img { float:left; }
}


/* style variants:   LightGreen  Green, Cyan, Blue, Yellow,  Red  */

/* background colour  */
.tbi_divBg_LightGreen { background-color:#cfebe3; }
.tbi_divBg_Green { background-color:#87CDB9; }
.tbi_divBg_Cyan { background-color:#a9cfd3; }
.tbi_divBg_Blue { background-color:#a9cfd3; }
.tbi_divBg_Yellow { background-color:#f1f9f7; }
.tbi_divBg_Red { background-color:#fcd9d6; }

/* font headline  colour  */
.tbi_div2_LightGreen { color: #288791 ; }
.tbi_div2_Green { color: #ffffff ; }
.tbi_div2_Cyan { color: #0f4155 ; }
.tbi_div2_Blue { color: #0f4155 ; }
.tbi_div2_Yellow { color: #0f4155 ; }
.tbi_div2_Red { color: #0f4155 ; }


/* font text  colour  */
.tbi_div3_LightGreen { color: #0f4155 ; }
.tbi_div3_Green { color: #ffffff ; }
.tbi_div3_Cyan { color: #0f4155 ; }
.tbi_div3_Blue { color: #0f4155 ; }
.tbi_div3_Yellow { color: #0f4155 ; }
.tbi_div3_Red { color: #0f4155 ; }

/* *********************  TEXT-ON-IMAGE  ********************* */

.htim_div1 { 
overflow:hidden;
vertical-align:middle;
}

.htim_div2 {
position:absolute;
width:100%;
z-index: 5;
margin:0 auto;
padding-top: 14%;
text-align:center;
}

.htim_img {
display:block;
width:100%;
padding:0px;
margin: -210px 0px 0px 0px;
border:0px;
}

.htim_txt, .htim_txtm {
display:inline-block;
text-align: center;
background-color: rgba(40, 135, 145, 0.7);
color:#ffffff;
padding:5px 20px 5px 20px;
border-radius: 3px; 
margin:0px;
}

.htim_txt {
font-size: 2.2rem;
}

.htim_txtm {
font-size: 1.5rem;
}

.htim_txtspc {
display:block;
height:12px;
margin:0px;
padding:0px;
}

@media only screen and  (min-width: 1700px)   {
.htim_div2 { padding-top:5%; }
} 

@media only screen and  (min-width: 801px)  and  (max-width: 1700px )  { 
.htim_img { margin: -10px 0px 0px 0px; }
.htim_div2 { padding-top:8%; }
}


@media only screen and  (min-width: 581px)  and  (max-width: 800px )  { 
.htim_txt { font-size: 1.7rem; }
.htim_txtm { font-size: 1.15rem; }
.htim_txtspc {height:12px; }
.htim_div2 { padding-top:10%; }
.htim_img { margin: 0px 0px 0px 0px; }
}

@media only screen and (max-width: 400px)  { 
.htim_txtm { font-size: 0.8rem; }
.htim_div2 { padding-top:9%; }
}

@media only screen and  (min-width: 401px) and (max-width: 580px)  { 
.htim_txtm { font-size: 0.9rem; }
}



@media only screen and (max-width: 580px)  { 
.htim_txt { font-size: 1.2rem; }
.htim_txtspc {height:8px; }
.htim_img { margin: 0px 0px 0px 0px; }
}

/* *********************  VIDEOS-IN-SLIDER  ********************* */

.vidinw_div1 {
margin: 0 auto;
width:calc(100% - 10px); 
max-width:1080px;
padding-bottom:44px;
}

.vidinw_div2 {
position: relative;
width: 100%;
padding-top: 56.25%;
}

.vidinw_div3 {
position:absolute;
top:0; left:0; bottom:0; right:0;
text-align: center;
}


.vidinw_divm1 {
position:relative;
width:100%;
height:100%;
}

.vidinw_divm2 {
display:block; 
width:100%; 
height:100%;
}

.vidinw_divm3 {
position:relative; 
width:100%; 
height:100%; 
background-color:#0f4155;
}

.vidinw_divm4 {
position:absolute; 
z-index:5; 
width:80%; top:30%; left:20%; 
transform: translate(-13%, -10%);
text-align:center;
word-wrap:normal; white-space:normal;
line-height:120%; 
font-weight:normal; 
font-size:1.4rem; 
color:#ffffff;
background-color: rgba(40, 135, 145, 0.9);
padding: 5px 10px 5px 10px;
border-radius: 3px;
}

.vidinw_divm5 {
position:absolute; 
z-index:6; 
width:80%; top:78%; left:20%; 
margin: 0 auto; 
transform: translate(-13%, -30%);
}


@media only screen and  (min-width: 670px)  and  (max-width: 885px )  { 
.vidinw_divm4 { font-size:1.9rem;  }
}

@media only screen and  (min-width: 391px)  and  (max-width: 450px )  { 
.vidinw_divm4 { font-size:1.1rem;  }
}

@media only screen and  (max-width: 390px )  { 
.vidinw_divm4 { font-size:1rem;  }
}